| 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>
 |