如何在 Ext JS Grid 3.2 的 header 列中添加过滤器选择器

Question

我想在网格的 header 列中添加筛选器选择器（具有筛选列数据的选项）。我正在使用 Ext JS 3.2.2

我得到这个：

我希望我的 header 像这样：

如何在我的网格中添加过滤器插件？

我也在代码中尝试这个，但没有在下拉列表中得到过滤器。

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

感谢您的帮助

Answer 1

要在grid的header中使用filder，需要按如下方式编写。双清过滤器数组，然后为网格提供范围。然后写

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

编写插件

grid.plugins = [this.filters];

你添加列的地方写

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

数据将来自商店。您可以根据需要进行修改。这只是我建议您实现的基本目标。

如何在 Ext JS Grid 3.2 的 header 列中添加过滤器选择器

How to add Filter picker in column header of Ext JS Grid 3.2

javascript

extjs

filter

extjs3