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

Posted 2023-02-26

【中文标题】如何在 Ext JS Grid 3.2 的列标题中添加过滤器选择器

【英文标题】：How to add Filter picker in column header of Ext JS Grid 3.2

【发布时间】：2016-07-20 09:31:52

【问题描述】：

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

我得到了这个：

我想要这样的标题：

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

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

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

感谢您的帮助

【参考方案1】：

要在grid 的头文件中使用文件，您需要按以下方式编写。 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
;

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