如何过滤多个extjs网格列？

Question

要过滤一个网格列，我们可以使用：

{
     xtype: 'button',
     text:'Search',
     handler:function(){

        store.clearFilter();
        var searchValue = Ext.getCmp("textFieldId").getValue();
        store.load().filter('GridFieldName', searchValue);

     }                   
}

但是如何一次搜索多个字段，例如：

{
    xtype: 'button',
    text:'Search',
    handler:function(){

        store.clearFilter();
        var searchValue = Ext.getCmp("textFieldId").getValue();
        store.filter([
           {property: "GridFieldName", value: searchValue},
           {property: "GridFieldName1", value: searchValue}
        ]);
    }                   

}

有什么想法吗？

编辑：

奇怪的是，在这两种情况下，只有单个搜索有效：

这有效：

store.filter([
      { property: "FirstName", value: searchValue }
]);

并且这有效：

var FirstNameFilter = new Ext.util.Filter({
   property: "FirstName", value: searchValue
});

store.filter(FirstNameFilter);

但这不起作用：

store.filter([
      { property: "FirstName", value: searchValue },
      { property: "LastName", value: searchValue }
]); 

或者这样做：

 var filters = [
     new Ext.util.Filter({
          property: "FirstName", value: searchValue
     }),
     new Ext.util.Filter({
          property: "LastName", value: searchValue
     })
 ];
 store.filter(filters);

Answer 1

尝试像这样创建 Ext.util.Filter 的实例：

var filters = [
 new Ext.util.Filter({
  property: "GridFieldName", value: searchValue
 }),
 new Ext.util.Filter({
  property: "GridFieldName1", value: searchValue
 })
];
store.filter(filters);

或者，您可以使用自定义逻辑创建单个过滤器：

var filters = [
     new Ext.util.Filter({
      filterFn: function(item){
         return item.get('GridFieldName') == searchValue && item.get('GridFieldName1') == searchValue;
      }
     })
];
store.filter(filters);

Answer 2

我在寻找一种使用 OR 逻辑过滤多列（实际上是所有列）的方法时发现了这篇文章。 （因此搜索子句匹配 A 列或匹配 B 列等）我最终使用自定义过滤器函数进行过滤，例如：

...
var regex = RegExp('Insert searchclause here', 'i');
store.filter(new Ext.util.Filter({
    filterFn: function (object) {
        var match = false;
        Ext.Object.each(object.data, function (property, value) {
            match = match || regex.test(String(value));
        });
        return match;
      }
}));

HTH

Answer 3

    store.clearFilter();
    var searchValue = Ext.getCmp("textFieldId").getValue();
    if (!!searchValue) {
        var filters = [
             new Ext.util.Filter({
                 filterFn: function (item) {
                     return item.get('FirstName').toLowerCase().indexOf(searchValue.toLowerCase()) > -1                                 
                         || item.get('LastName').toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
                 }
             })
        ];
        store.filter(filters);
    }

这是我的代码，适用于 Pavel。
对于我的工作，通过OR逻辑搜索多列、不区分大小写、忽略位置。

希望这有帮助。

Answer 4

那应该有效。不是吗？据我了解，如果您按照所示应用过滤器，它应该按这两个标准进行过滤。

store.filter([
   {property: "GridFieldName", value: searchValue},
   {property: "GridFieldName1", value: searchValue}
]);

作为替代方案，您应该能够使用 setFilter 函数添加新过滤器。

store.setFilter("GridFieldName",  searchValue)
store.setFilter("GridFieldName1",  searchValue)

如果您使用不带参数的 setFilter，它应该重新应用您之前定义的过滤器。仅当您调用clearFilter 时它们才会被删除。