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

Question

网格列标题中的过滤器选项不适用于extjs 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文件。它们可以在examples/ ux/grid /filter & examples/ux/grid/menu &ux/grid文件夹中找到。

Answer 2

需要示例/ux/grid/filter，并将其定义为一项功能：

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

Answer 3

列网格筛选器插件正在使用ExtJS4.1版本。

它不适用于ExtJS 4.2。