Comment filtrer plusieurs colonnes de grille extjs?

Question

Pour filtrer une colonne de la grille, nous pouvons utiliser:

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

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

    }     
} 

mais comment rechercher plusieurs champs à la fois, quelque chose comme:

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

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

} 

des idées?

EDIT:

La chose étrange est que dans les deux cas, seule recherche unique fonctionne:

Cela fonctionne:

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

et cela fonctionne:

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

store.filter(FirstNameFilter); 

mais ce n'est pas:

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

ou fait ceci:

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

Answer 1

Essayez de créer des instances de Ext.util.Filter comme ceci:

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

Vous pouvez créer seul filtre avec une logique personnalisée:

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

Answer 2

Cela devrait fonctionner. N'est-ce pas? Si je comprends bien, si vous appliquez des filtres comme vous l'avez montré, il devrait filtrer selon les deux critères. En alternative, vous devriez pouvoir utiliser la fonction setFilter pour ajouter de nouveaux filtres. Si vous utilisez setFilter sans argument, il suffit de réappliquer les filtres que vous avez définis précédemment. Ils ne sont supprimés que si vous appelez clearFilter.

Answer 3

J'ai trouvé ce poste lors de la recherche d'un moyen de filtrer plusieurs colonnes (en réalité TOUTES les colonnes) avec la logique OU. (Donc la recherche article correspond à la colonne A OU correspond à la colonne B, etc.) J'ai fini par filtrer avec un filterFunction personnalisé comme:

... 
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 4

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

Ceci est mon code qui applique de Pavel.
Pour mon travail qui recherche Multi-colonne, non sensible à la casse, Ignore position par OR logique.

Espérons cette aide.