extjs - 无法使自定义网格过滤器工作

Question

我想要做的是网格列中的过滤器选项。这是专栏：

{
        id: 'kleuren',
        text: 'Kleuren',
        sortable: true,
        filterable: true,
        minWidth: 60,
        flexible: 0,
        width: 60,
        filter: {
            type: 'list',
            store: kleuren
        },
        renderer: kleurenWeergave,
        dataIndex: 'kleuren'
    }

对于商店/模型，我使用这个

kleurenStore = Ext.create('Ext.data.Store', {
    fields: ['id', 'text'],
    data: kleurenModel
});

 var kleurenModel = [
            ['rood', 'rood'],
            ['groen', 'groen'],
            ['blauw', 'blauw'],
            ['geel', 'geel']
            ]

这是我现在的网格

    var grid = Ext.create('PersistantSelectionGridPanel', {
    autoscroll: true,
    region: 'center',
    store: allLoaded,
    multiSelect: false,
    stateful: true,
    features: [filtersFeature],
    loadMask: false,
    stateId: 'stateGrid',
    viewConfig: {
        stripeRows: true
    },
    columns: [{....

Answer 1

你运行的是什么版本的 ExtJS？无法使用您发布的代码进行很多调试。

你可以发布你的网格代码吗？

您的 Grid 应该具有添加为配置的过滤器功能：

var filtersFeature = 
{
  ftype : 'filters',
  local : false,  // For Server Side Filtering
  encode : true
};

你的网格应该有一个配置选项

....
columns: defaultModel, 
loadMask: true,
features: [filtersFeature]  // To enable Filters
....