如何在Ext JS Grid 3.2的列标题中添加Filter选择器

时间:2016-07-20 09:31:53

标签: javascript extjs filter extjs3

我想在网格的列标题中添加过滤器选择器(具有列的过滤器数据选项)。我使用Ext JS 3.2.2

我得到了这个:

Existing image

我想要这样的标题:

With Filter

如何在网格中添加过滤器插件?

此外,我在代码中尝试此操作,但没有在下拉列表中获取过滤器。

this.filters = new Ext.ux.grid.filter.StringFilter({
            filters:this.filter
        }) ; 
        grid.plugins = [this.filters],
        grid.features = [{
                ftype : this.filters
            }
        ];

感谢您的帮助

1 个答案:

答案 0 :(得分:2)

要在grid标题中使用filder,您需要按以下方式编写。 diclear数组过滤器然后给网格范围。然后写

grid.filters = new Ext.ux.grid.GridFilters({
            filters:this.filter
        }) ;

写插件

grid.plugins = [this.filters];

添加列写入的位置

grid.filter{
    type: 'list',
    dataIndex: "DATAINDEX",
    local : local,
    dataForFilter : data
};

数据将来自商店。您可以根据您的要求进行修改。这是我建议你实现的基本内容。