如何在多个字段上创建远程过滤器? Ext Js 5

时间:2017-12-18 11:07:51

标签: extjs extjs5

如何在多个字段上创建过滤器,在服务器上过滤,而不是在本地商店中过滤?

到目前为止,我只是到了当地。

onFilter: function(field, newValue, oldValue, options){
    var grid = Ext.getCmp('grid');
    grid.store.clearFilter();

    if (newValue) {
        var matcher = new RegExp(Ext.String.escapeRegex(newValue), "i");
        grid.store.filter({
            filterFn: function(record) {
                return matcher.test(record.get('id')) ||
                    matcher.test(record.get('names'));
            }
        });
    }
}

1 个答案:

答案 0 :(得分:1)

您无法在远程过滤时使用filterFn设置过滤器。远程过滤只能采用发送到后端的属性 - 值 - 运算符组合,并且必须由后端进行评估和操作。

要过滤多个属性,您当然可以向后端发送多个过滤器:

store.addFilters([{
    id: 'idFilter',
    property: 'id',
    operator: 'eq',
    value: newValue
},{
    id: 'nameFilter',
    property: 'names',
    operator: 'like',
    value: newValue
}]);

然后,后端必须评估这些过滤器并将其应用于数据。这些值在没有客户端验证或使用的情况下发送到后端,因此您甚至可以将任意属性或运算符名称发送到后端:

store.addFilters([{
    id: 'idOrNameFilter',
    property: 'idOrName',
    operator: 'somethingsomething',
    value: newValue
}]);

您只需要告诉后端从参数字符串中正确解析属性名称并采取相应的行动。