Question

我有一个带有自定义渲染器的网格，请参阅下面的

{                 text: 'Last Name',
                    dataIndex:'LastName',
                    renderer: function(v, m, r) {
                        return r.getDemographic().get('LastName');
                    }           
                }

我希望能够在用户输入时过滤掉该属性，我有以下内容

{
                    fieldLabel: 'Last Name',
                    emptyText: 'Last Name',
                    listeners: {
                        change: function (field, newValue, oldValue, options) {

                            var grid = Ext.getCmp('Grid');
                            grid.store.clearFilter();


                            grid.store.filter([
                                { property: "Demographic.LastName", value: newValue }
                            ]);
                        }
                    }



                }

问题是，属性不是它，我无法找到我需要绑定的属性被调用。该模型如下

Ext.define('Test', {
    extend: 'Ext.data.Model',

    fields: [
       'id'
    ],


        { type: 'hasOne', model: 'Demographic', associationKey: 'Demographic', getterName: 'getDemographic' }]

});

Answer 1

由于它是一个hasOne关联，您可以尝试将一个带有Demographic.LastName映射的附加字段添加到您可以用于直接在Test模型上过滤的Test模型。

Ext.define('Test', {
    extend: 'Ext.data.Model',

    fields: [
       'id',
       {name: 'MappedLastName', mapping: 'Demographic.LastName'}
    ],

    { type: 'hasOne', model: 'Demographic', associationKey: 'Demographic', getterName: 'getDemographic' }]

});

然后你可以用它来过滤

grid.store.filter([
      { property: "MappedLastName", value: newValue }
]);

Answer 2

使用带函数的过滤方法：

grid.store.clearFilter(true);
grid.store.filter({ filterFn: function(item) { 
     return item.getDemographic().get('LastName') == newValue; 
    }
});

http://docs.sencha.com/extjs/4.1.1/#!/api/Ext.data.Store-method-clearFilter

EXTJS过滤HasOne关联

2 个答案: