1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>The source code</title>
- <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
- <style type="text/css">
- .highlight { display: block; background-color: #ddd; }
- </style>
- <script type="text/javascript">
- function highlight() {
- document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
- }
- </script>
- </head>
- <body onload="prettyPrint(); highlight();">
- <pre class="prettyprint lang-js"><span id='Ext-grid-column-Number'>/**
- </span> * A Column definition class which renders a numeric data field according to a {@link #format} string.
- *
- * @example
- * Ext.create('Ext.data.Store', {
- * storeId:'sampleStore',
- * fields:[
- * { name: 'symbol', type: 'string' },
- * { name: 'price', type: 'number' },
- * { name: 'change', type: 'number' },
- * { name: 'volume', type: 'number' }
- * ],
- * data:[
- * { symbol: "msft", price: 25.76, change: 2.43, volume: 61606325 },
- * { symbol: "goog", price: 525.73, change: 0.81, volume: 3053782 },
- * { symbol: "apple", price: 342.41, change: 1.35, volume: 24484858 },
- * { symbol: "sencha", price: 142.08, change: 8.85, volume: 5556351 }
- * ]
- * });
- *
- * Ext.create('Ext.grid.Panel', {
- * title: 'Number Column Demo',
- * store: Ext.data.StoreManager.lookup('sampleStore'),
- * columns: [
- * { text: 'Symbol', dataIndex: 'symbol', flex: 1 },
- * { text: 'Current Price', dataIndex: 'price', renderer: Ext.util.Format.usMoney },
- * { text: 'Change', dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' },
- * { text: 'Volume', dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' }
- * ],
- * height: 200,
- * width: 400,
- * renderTo: Ext.getBody()
- * });
- */
- Ext.define('Ext.grid.column.Number', {
- extend: 'Ext.grid.column.Column',
- alias: ['widget.numbercolumn'],
- requires: ['Ext.util.Format'],
- alternateClassName: 'Ext.grid.NumberColumn',
- //<locale>
- <span id='Ext-grid-column-Number-cfg-format'> /**
- </span> * @cfg {String} format
- * A formatting string as used by {@link Ext.util.Format#number} to format a numeric value for this Column.
- */
- format : '0,000.00',
- //</locale>
- <span id='Ext-grid-column-Number-cfg-renderer'> /**
- </span> * @cfg renderer
- * @hide
- */
- <span id='Ext-grid-column-Number-cfg-scope'> /**
- </span> * @cfg scope
- * @hide
- */
- defaultRenderer: function(value){
- return Ext.util.Format.number(value, this.format);
- }
- });</pre>
- </body>
- </html>
|