add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / grid / column / Number.js

/**\r
 * A Column definition class which renders a numeric data field according to a {@link #format} string.\r
 *\r
 *     @example\r
 *     Ext.create('Ext.data.Store', {\r
 *        storeId:'sampleStore',\r
 *        fields:[\r
 *            { name: 'symbol', type: 'string' },\r
 *            { name: 'price',  type: 'number' },\r
 *            { name: 'change', type: 'number' },\r
 *            { name: 'volume', type: 'number' }\r
 *        ],\r
 *        data:[\r
 *            { symbol: "msft",   price: 25.76,  change: 2.43, volume: 61606325 },\r
 *            { symbol: "goog",   price: 525.73, change: 0.81, volume: 3053782  },\r
 *            { symbol: "apple",  price: 342.41, change: 1.35, volume: 24484858 },\r
 *            { symbol: "sencha", price: 142.08, change: 8.85, volume: 5556351  }\r
 *        ]\r
 *     });\r
 *\r
 *     Ext.create('Ext.grid.Panel', {\r
 *         title: 'Number Column Demo',\r
 *         store: Ext.data.StoreManager.lookup('sampleStore'),\r
 *         columns: [\r
 *             { text: 'Symbol',         dataIndex: 'symbol', flex: 1 },\r
 *             { text: 'Current Price',  dataIndex: 'price',  renderer: Ext.util.Format.usMoney },\r
 *             { text: 'Change',         dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' },\r
 *             { text: 'Volume',         dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' }\r
 *         ],\r
 *         height: 200,\r
 *         width: 400,\r
 *         renderTo: Ext.getBody()\r
 *     });\r
 */\r
Ext.define('Ext.grid.column.Number', {\r
    extend: 'Ext.grid.column.Column',\r
    alias: ['widget.numbercolumn'],\r
\r
    requires: ['Ext.util.Format'],\r
    alternateClassName: 'Ext.grid.NumberColumn',\r
\r
    defaultFilterType: 'number',\r
\r
    //<locale>\r
    /**\r
     * @cfg {String} format\r
     * A formatting string as used by {@link Ext.util.Format#number} to format a numeric value for this Column.\r
     */\r
    format : '0,000.00',\r
    //</locale>\r
\r
    /**\r
     * @cfg {Object} renderer\r
     * @hide\r
     */\r
\r
    /**\r
     * @cfg {Object} scope\r
     * @hide\r
     */\r
\r
    /**\r
     * @cfg {Boolean} producesHTML\r
     * @inheritdoc\r
     */\r
    producesHTML: false,\r
\r
    defaultRenderer: function(value) {\r
        return Ext.util.Format.number(value, this.format);\r
    },\r
\r
    updater: function(cell, value) {\r
        Ext.fly(cell).down(this.getView().innerSelector, true).innerHTML = Ext.grid.column.Number.prototype.defaultRenderer.call(this, value);\r
    }\r
});\r