javascript - 如何过滤 EXTJS 网格列表过滤器？

Question

我有一个带有列表过滤器的网格。当我过滤一列时，其他列表过滤器不会随结果一起过滤。

我做了一个test fiddle举例说明:


当我筛选到项目负责人 Angular 色时，我只有一个活跃状态结果(戴安娜)。但是，当我查看状态过滤器时我看到了(事件和暂停):


有没有办法只显示与结果关联的过滤器？

注意:我使用的是 ExtJS 6.5.2。

Answer 1

这可以通过覆盖列表过滤器的方法 getOptionsFromStore 来完成，而无需具体(从网格存储自动生成)存储。或者您可以基于它创建新组件

fiddle

Ext.define('Ext.grid.filters.filter.DynamicList', {
    extend: 'Ext.grid.filters.filter.List',
    alias: 'grid.filter.d-list',
    type: 'd-list',
    getOptionsFromStore: function (store) {

        var me = this,
            data = store.getData(),
            map = {},
            ret = [],
            dataIndex = me.dataIndex,
            labelIndex = me.labelIndex,
            recData, idValue, labelValue;

        if (store.isFiltered() && !store.remoteFilter ) {
            data = data.getSource();
        }

        //each filtered records, not all
        Ext.Array.each(store.getRange(),function (record) {
            recData = record.data;

            idValue = recData[dataIndex];
            labelValue = recData[labelIndex];

            if (labelValue === undefined) {
                labelValue = idValue;
            }

            if (!map[idValue]) {
                map[idValue] = 1;
                ret.push([idValue, labelValue]);
            }
        }, null, {
            filtered: true,
            collapsed: true
        });

        return ret;
    }
});