add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / grid / filters / filter / Number.js

/**\r
 * Filter type for {@link Ext.grid.column.Number number columns}.\r
 *\r
 *     @example\r
 *     var shows = Ext.create('Ext.data.Store', {\r
 *           fields: ['id','show'],\r
 *           data: [\r
 *               {id: 0, show: 'Battlestar Galactica'},\r
 *               {id: 1, show: 'Doctor Who'},\r
 *               {id: 2, show: 'Farscape'},\r
 *               {id: 3, show: 'Firefly'},\r
 *               {id: 4, show: 'Star Trek'},\r
 *               {id: 5, show: 'Star Wars: Christmas Special'}\r
 *           ]\r
 *        });\r
 *       \r
 *       Ext.create('Ext.grid.Panel', {\r
 *           renderTo: Ext.getBody(),\r
 *           title: 'Sci-Fi Television',\r
 *           height: 250,\r
 *           width: 250,\r
 *           store: shows,\r
 *           plugins: 'gridfilters',\r
 *           columns: [{\r
 *               dataIndex: 'id',\r
 *               text: 'ID',\r
 *               width: 50,\r
 *               filter: 'number' // May also be 'numeric'\r
 *           },{\r
 *               dataIndex: 'show',\r
 *               text: 'Show',\r
 *               flex: 1                  \r
 *           }]\r
 *       });\r
 * \r
 */\r
Ext.define('Ext.grid.filters.filter.Number', {\r
    extend: 'Ext.grid.filters.filter.TriFilter',\r
    alias: ['grid.filter.number', 'grid.filter.numeric'],\r
\r
    uses: ['Ext.form.field.Number'],\r
\r
    type: 'number',\r
\r
    config: {\r
        /**\r
         * @cfg {Object} [fields]\r
         * Configures field items individually. These properties override those defined\r
         * by `{@link #itemDefaults}`.\r
         *\r
         * Example usage:\r
         *\r
         *      fields: {\r
         *          // Override itemDefaults for one field:\r
         *          gt: {\r
         *              width: 200\r
         *          }\r
         *\r
         *          // "lt" and "eq" fields retain all itemDefaults\r
         *      },\r
         */\r
        fields: {\r
            gt: {\r
                iconCls: Ext.baseCSSPrefix + 'grid-filters-gt',\r
                margin: '0 0 3px 0'\r
            },\r
            lt: {\r
                iconCls: Ext.baseCSSPrefix + 'grid-filters-lt',\r
                margin: '0 0 3px 0'\r
            },\r
            eq: {\r
                iconCls: Ext.baseCSSPrefix + 'grid-filters-eq',\r
                margin: 0\r
            }\r
        }\r
    },\r
\r
    //<locale>\r
    /**\r
     * @cfg {String} emptyText\r
     * The empty text to show for each field.\r
     */\r
    emptyText: 'Enter Number...',\r
    //</locale>\r
\r
    itemDefaults: {\r
        xtype: 'numberfield',\r
        enableKeyEvents: true,\r
        hideEmptyLabel: false,\r
        labelSeparator: '',\r
        labelWidth: 29,\r
        selectOnFocus: false\r
    },\r
\r
    menuDefaults: {\r
        // A menu with only form fields needs some body padding. Normally this padding\r
        // is managed by the items, but we have no normal menu items.\r
        bodyPadding: 3,\r
        showSeparator: false\r
    },\r
\r
    createMenu: function () {\r
        var me = this,\r
            listeners = {\r
                scope: me,\r
                keyup: me.onValueChange,\r
                spin: {\r
                    fn: me.onInputSpin,\r
                    buffer: 200\r
                },\r
                el: {\r
                    click: me.stopFn\r
                }\r
            },\r
            itemDefaults = me.getItemDefaults(),\r
            menuItems = me.menuItems,\r
            fields = me.getFields(),\r
            field, i, len, key, item, cfg;\r
\r
        me.callParent();\r
\r
        me.fields = {};\r
\r
        for (i = 0, len = menuItems.length; i < len; i++) {\r
            key = menuItems[i];\r
            if (key !== '-') {\r
                field = fields[key];\r
\r
                cfg = {\r
                    labelClsExtra: Ext.baseCSSPrefix + 'grid-filters-icon ' + field.iconCls\r
                };\r
\r
                if (itemDefaults) {\r
                    Ext.merge(cfg, itemDefaults);\r
                }\r
\r
                Ext.merge(cfg, field);\r
                cfg.emptyText = cfg.emptyText || me.emptyText;\r
                delete cfg.iconCls;\r
\r
                me.fields[key] = item = me.menu.add(cfg);\r
\r
                item.filter = me.filter[key];\r
                item.filterKey = key;\r
                item.on(listeners);\r
            } else {\r
                me.menu.add(key);\r
            }\r
        }\r
    },\r
\r
    getValue: function (field) {\r
        var value = {};\r
        value[field.filterKey] = field.getValue();\r
        return value;\r
    },\r
\r
    /**\r
     * @private\r
     * Handler method called when there is a spin event on a NumberField\r
     * item of this menu.\r
     */\r
    onInputSpin: function (field, direction) {\r
        var value = {};\r
\r
        value[field.filterKey] = field.getValue();\r
\r
        this.setValue(value);\r
    },\r
\r
    stopFn: function(e) {\r
        e.stopPropagation();\r
    }\r
});\r