我如何获得viewModel对象在存储过滤功能

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;
                }
            }
        }
    }

我不能从过滤器功能访问视图模型的测试对象?

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'));
            }
        }
    }
}

这是一个有点拼凑，但test的变化可能不会反映在商店和任何视觉组件绑定到它。在这种情况下，您最终不得不手动重新加载存储或重新应用过滤器—这有点违背了MVVM的意义。