extjs - EXTJS 过滤 HasOne 关联

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 关联，因此您可以尝试向您的 Test 模型添加一个映射到 Demographic.LastName 的附加字段，您可以使用该字段直接在 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