extjs - ext js 4.2.0.633 - 网格列标题不显示过滤器选项

Question

网格列标题中的过滤器选项不适用于 ext js 4.2.0.633，但适用于 extjs-4.1.1

这是我正在使用的代码

Ext.define('Qreda.view.response.DndGrid', 
 extend : 'Qreda.view.BaseRemoteGrid',
 store : 'OptInOutConfigs',
 alias : 'widget.dndgrid',
 frame : true,

initComponent : function() {
this.columns = [{
    header : 'Keyword',
    dataIndex : 'keyword',
    renderer : function(value, metaData, record) {
        return value ? value.name : null;
    },
    filterable : true
    }, {
        header : 'trigger Keyword',
        dataIndex : 'triggerKeyword',
        filterable : true
    }, {
    header : 'Category',
    dataIndex : 'categoryId',
    filter : {
        type : 'list',
        store : Ext.getStore('CgCategories'),
        labelField : 'categoryName'
    }
    }];

    this.callParent();
    this.setTitle('MENU_DND_MANAGEMENT');
    this.on('beforerender', function(component, options) {
        Ext.getStore('CgCategories').load();
    }, this);
}

});

有人请帮我解决这个问题

Answer 1

请使用与 ext js 4.2.0.633 一起提供的网格过滤器的 js 文件。它们可以在示例/ux/grid/filter 和示例/ux/grid/menu 和 ux/grid 文件夹中找到。

Answer 2

柱状网格过滤器插件工作到 Ext JS 4.1 版本。

它不适用于 ExtJS 4.2。

Answer 3

需要 examples/ux/grid/filter 并将其定义为一个特性：

// ...
features: [{
    ftype: 'filters'
}]
// ...