如何过滤多个extjs网格列？ [英] How to filter multiple extjs grid columns?

问题描述

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

  {
 xtype：'button'，
文本：'搜索'，
处理函数：function（）{
 
 store.clearFilter（）; 
 var searchValue = Ext.getCmp（textFieldId）。getValue（）; 
 store.load（）。filter（'GridFieldName'，searchValue）; 
 
} 
} 
  

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

  {
 xtype：'button'，
 text：'Search' 
处理程序：function（）{
 
 store.clearFilter（）; 
 var searchValue = Ext.getCmp（textFieldId）。getValue（）; 
 store.filter（[
 {property：GridFieldName，value：searchValue}，
 {property：GridFieldName1，value：searchValue} 
]）; 
} 
 
} 
  

任何想法？

编辑：

奇怪的是，在这两种情况下，只有单个搜索功能： / p>

这样做：

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

解决方案

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

  var filters = [
 new Ext。 util.Filter（{
属性：GridFieldName，value：searchValue 
}），
 new Ext.util.Filter（{
属性：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）; 
  

To filter one grid column we can use:

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

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

     }                   
}

but how to search multiple fields at once, something like:

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

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

}

any ideas?

EDIT:

The weird thing is that in both cases, only single search works:

This works:

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

and this works:

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

store.filter(FirstNameFilter);

but this does not:

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

or does this:

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

解决方案

Try to create instances of Ext.util.Filter like this:

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

Alternatively, you can create single filter with custom logic:

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

这篇关于如何过滤多个extjs网格列？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！