title: How to filter multiple extjs grid columns?
body: <p>To filter one grid column we can use: </p>
  
  <pre><code>{
       xtype: 'button',
       text:'Search',
       handler:function(){
  
          store.clearFilter();
          var searchValue = Ext.getCmp("textFieldId").getValue();
          store.load().filter('GridFieldName', searchValue);
  
       }                   
  }
  </code></pre>
  
  <p>but how to search multiple fields at once, something like:</p>
  
  <pre><code>{
      xtype: 'button',
      text:'Search',
      handler:function(){
  
          store.clearFilter();
          var searchValue = Ext.getCmp("textFieldId").getValue();
          store.filter([
             {property: "GridFieldName", value: searchValue},
             {property: "GridFieldName1", value: searchValue}
          ]);
      }                   
  
  }
  </code></pre>
  
  <p>any ideas?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>The weird thing is that in both cases, only single search works:</p>
  
  <p>This works:</p>
  
  <pre><code>store.filter([
        { property: "FirstName", value: searchValue }
  ]);
  </code></pre>
  
  <p>and this works:</p>
  
  <pre><code>var FirstNameFilter = new Ext.util.Filter({
     property: "FirstName", value: searchValue
  });
  
  store.filter(FirstNameFilter);
  </code></pre>
  
  <p>but this does not:</p>
  
  <pre><code>store.filter([
        { property: "FirstName", value: searchValue },
        { property: "LastName", value: searchValue }
  ]); 
  </code></pre>
  
  <p>or does this:</p>
  
  <pre><code> var filters = [
       new Ext.util.Filter({
            property: "FirstName", value: searchValue
       }),
       new Ext.util.Filter({
            property: "LastName", value: searchValue
       })
   ];
   store.filter(filters);
  </code></pre>