Question

我定义了商店和过滤器。 ViewModel包含我需要通过此对象过滤商店项目的test对象。

Ext.define('XXX.view.XXX.ViewXXXXModel', {
    extend: 'Ext.app.ViewModel',

...

    stores: {
        agreements: {
            source: 'XXX',
            filters: {
                filterFn: function(item) {
                    return item.some_field !== this.get('test').somevalue;
                }
            }
        }
    }

我无法从过滤器功能访问View Model的测试对象？

Answer 1

现在太迟了，但我遇到了同样的问题，更简洁的方法是将filterFn作为公式绑定返回：

原始示例：

stores: {
    agreements: {
        source: 'XXX',
        filters: [{
            filterFn: '{storeFilter}'
            }]
        }
    }
},
formulas: {
   storeFilter: function(get) {
        var somevalue = get('test').somevalue;
        return function(item) {
            return item.some_field !== this.get('test').somevalue;                
        };
   }
}

编辑：当我最初写这篇文章时，我不知道Ext在使用setFilters时不断添加额外的过滤器，而不仅仅是替换它们。要解决此问题，您需要使用id命名过滤器。在上面的例子里面是这样的：

        filters: [{
            id: 'myVMFilterFunction',
            filterFn: '{storeFilter}'
            }]

然后它按预期替换过滤器

Answer 2

理想情况下，在大多数情况下，您将使用声明性过滤器格式 - 粒度可确保绑定更具体，在数据更改时触发适当/预期的更新。例如：

stores: {
    agreements: {
        source: 'XXX',
        filters: {
            property: 'some_field',
            value: '{test.somevalue}',
            operator: '!='
        }
    }
}

如果您真的想使用命令式代码，可以通过以下公式注入视图模型范围：

formulas: {
    _this: function(){
        return this;
    }
}

然后像这样绑定它：

stores: {
    agreements: {
        source: 'XXX',
        filters: {
            scope: '{_this}',
            filterFn: function(item){
                return item.some_field !== this.get('test.somevalue'));
            }
        }
    }
}

虽然这有点像kludge，但test的变化可能不会反映在商店和与之相关的任何视觉组件中。在这种情况下，你最终不得不手动重新加载商店或重新应用过滤器 - 这种做法违背了MVVM。

如何在商店过滤功能中获取viewModel对象？

2 个答案: