extjs - 无法在网格中添加过滤器

时间:2013-04-12 08:48:32

标签: extjs filter grid

我正在尝试做一些简单的事情但不知何故它不能与我合作,在我的网格表中我想添加客户端过滤器(在列中),我尝试了所有内容并按照http://docs.sencha.com/ext-js/4-0/#!/api/Ext.ux.grid.FiltersFeature处的代码

我的代码是,

var filtersCfg = {
        ftype: 'filters',
        local: true,
        filters: [{
                type: 'string',
                dataIndex: 'Stage'
            }, {
                type: 'string',
                dataIndex: 'Type'
            }]
    };

//grid
var grid =   Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getElementById("leftPanel"),
        store: myStore,
        height: 300,
        filters : [filtersCfg],
        title: "grid view",

        columns: [
             {
                text: 'App',
                sortable: true,
                filterable: true,
                dataIndex: 'Stage'
            },
            {
                text: 'Stage',
                sortable: true,
                filterable: true,
                dataIndex: 'Type',                    
            }

.. ..

单击列上的

可以看到排序选项,但没有过滤选项

提前致谢

2 个答案:

答案 0 :(得分:2)

您可以使用Ext.require要求其他扩展程序。

Ext.Loader.setConfig({
    enabled: true,
    paths: {
        'Ext.ux': './ext/ux'
    }
});

Ext.require([
    'Ext.ux.grid.FiltersFeature'
]);

FiltersFeature.js位于examples\ux\grid

答案 1 :(得分:1)

嗨@ A1rPun我发现我的一些文件已损坏,当我复制新的文件时,我认为你的答案是完美的,我们不需要任何功能/ filters.js文件,只是在某种程度上错误的错误throwwn在控制台中ExtJS的