Sencha Touch Grid Text Wrap Test

Developer
Shayne Trosdahl
Size
2,312 Kb
Views
18,216
  1. Sencha Touch Grid Text Wrap Test Previews
  2. Sencha Touch Grid Text Wrap Test HTML Codes
  3. Sencha Touch Grid Text Wrap Test JS Codes

How do I make an sencha touch grid text wrap test?

Here's a basic ST Grid running in 2.3.1. Some people have had issues so here's a working example to reference if your's is not :) . What is a sencha touch grid text wrap test? How do you make a sencha touch grid text wrap test? This script and codes were developed by Shayne Trosdahl on 18 November 2022, Friday.

Sencha Touch Grid Text Wrap Test Previews
IQ Test

Sencha Touch Grid Text Wrap Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sencha Touch Grid Text Wrap Test</title>
</head>
<body> <script type="text/javascript" src="http://trozdol.com/st-2.3/sencha-touch-all.js"></script> <script type="text/javascript" src="http://trozdol.com/st-2.3/sencha-touch-grid.js"></script> <link rel="stylesheet" type="text/css" href="http://trozdol.com/st-2.3/sencha-touch.css"> <script src="js/index.js"></script>
</body>
</html>

Sencha Touch Grid Text Wrap Test - Script Codes JS Codes

Ext.setup({ onReady: function() { Ext.Viewport.add({ xtype: 'container', defaults: { }, layout: 'card', items: [{ xtype: 'grid', requires: [ 'Ext.grid.Grid', 'Ext.grid.HeaderGroup', 'Ext.grid.plugin.Editable', 'Ext.grid.plugin.ViewOptions', 'Ext.grid.plugin.MultiSelection', 'Ext.grid.plugin.ColumnResizing', 'Ext.grid.plugin.SummaryRow' ], store: { fields: ['company', 'sales', 'grossprofit', 'something', 'somethingtwo', 'thing3'], data: [{ company: '3m Co', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Exxon', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Frito Lay', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo soluta velit quos delectus numquam modi nisi iure alias molestias, magni eius architecto asperiores aperiam error impedit nulla quibusdam ab dicta!', thing3: '$123456.12' }, { company: 'Del Taco', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Coca Cola', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Exxon', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Frito Lay', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Del Taco', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Coca Cola', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Exxon', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Frito Lay', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Del Taco', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }, { company: 'Coca Cola', sales: '000.00', grossprofit: '000.00', something: 'xxxxxx', somethingtwo: 'xxxxxx', thing3: '$123456.12' }] }, variableHeights: true, headerContainer: { }, // GRID COLUMNS CONFIG columns: [{ text: 'Company', dataIndex: 'company', width: 150 }, { text: 'Gross Profit', dataIndex: 'grossprofit', width: 150 }, { text: 'Sales', dataIndex: 'sales', width: 70 }, { text: 'Something', dataIndex: 'somethingtwo', width: 230, xtype: 'templatecolumn', tpl: '<p style="padding: 5px; white-space: normal; line-height: 1; font-size: 10px;">{somethingtwo}<p>', }, { text: 'Thing 3', dataIndex: 'thing3', width: 120 }] }] }); }
});
Sencha Touch Grid Text Wrap Test - Script Codes
Sencha Touch Grid Text Wrap Test - Script Codes
Home Page Home
Developer Shayne Trosdahl
Username Trozdol
Uploaded November 18, 2022
Rating 3
Size 2,312 Kb
Views 18,216
Do you need developer help for Sencha Touch Grid Text Wrap Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Shayne Trosdahl (Trozdol) Script Codes
Name
List Item
Example
Sencha Touch Bar Chart Add ons
Basic JS Callback Examples
Varied Size Text Centered Vertically
Textfield PlaceHolder as Icon
SVG Logo Animation
Test Prof Mode
1em Sizing Side-by-Side Comparison
How to Set Sencha Touch Chart Legend Labels
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!