projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * A Column definition class which renders a numeric data field according to a {@link #format} string.\r | |
| 3 | *\r | |
| 4 | * @example\r | |
| 5 | * Ext.create('Ext.data.Store', {\r | |
| 6 | * storeId:'sampleStore',\r | |
| 7 | * fields:[\r | |
| 8 | * { name: 'symbol', type: 'string' },\r | |
| 9 | * { name: 'price', type: 'number' },\r | |
| 10 | * { name: 'change', type: 'number' },\r | |
| 11 | * { name: 'volume', type: 'number' }\r | |
| 12 | * ],\r | |
| 13 | * data:[\r | |
| 14 | * { symbol: "msft", price: 25.76, change: 2.43, volume: 61606325 },\r | |
| 15 | * { symbol: "goog", price: 525.73, change: 0.81, volume: 3053782 },\r | |
| 16 | * { symbol: "apple", price: 342.41, change: 1.35, volume: 24484858 },\r | |
| 17 | * { symbol: "sencha", price: 142.08, change: 8.85, volume: 5556351 }\r | |
| 18 | * ]\r | |
| 19 | * });\r | |
| 20 | *\r | |
| 21 | * Ext.create('Ext.grid.Grid', {\r | |
| 22 | * title: 'Number Column Demo',\r | |
| 23 | * store: Ext.data.StoreManager.lookup('sampleStore'),\r | |
| 24 | * columns: [\r | |
| 25 | * { text: 'Symbol', dataIndex: 'symbol', width: 100},\r | |
| 26 | * { text: 'Current Price', dataIndex: 'price', renderer: Ext.util.Format.usMoney },\r | |
| 27 | * { text: 'Change', dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' },\r | |
| 28 | * { text: 'Volume', dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' }\r | |
| 29 | * ],\r | |
| 30 | * height: 200,\r | |
| 31 | * width: 400\r | |
| 32 | * });\r | |
| 33 | */\r | |
| 34 | Ext.define('Ext.grid.column.Number', {\r | |
| 35 | extend: 'Ext.grid.column.Column',\r | |
| 36 | \r | |
| 37 | requires: [\r | |
| 38 | 'Ext.util.Format',\r | |
| 39 | 'Ext.grid.cell.Number'\r | |
| 40 | ],\r | |
| 41 | \r | |
| 42 | xtype: 'numbercolumn',\r | |
| 43 | \r | |
| 44 | config: {\r | |
| 45 | /**\r | |
| 46 | * @cfg {String} format\r | |
| 47 | * A format string as used by {@link Ext.util.Format#number} to format values\r | |
| 48 | * for this column.\r | |
| 49 | */\r | |
| 50 | format: null,\r | |
| 51 | \r | |
| 52 | defaultEditor: {\r | |
| 53 | xtype: 'numberfield'\r | |
| 54 | },\r | |
| 55 | \r | |
| 56 | cell: {\r | |
| 57 | xtype: 'numbercell'\r | |
| 58 | }\r | |
| 59 | }\r | |
| 60 | }); |