title: How to filter ExtJs GridPanel/ExtJs Store?
body: <p>I'm new to ExtJs. I have a <code>GridPanel</code> which is binded with a <code>data store</code>. I have a <code>checkboxgroup</code>, which containts the possible values of the <code>GridPanel</code> row. I want to filter the <code>GridPanel</code> with the <code>checkboxgroup</code> values.</p>
  
  <p>Here is the code -</p>
  
  <pre><code>Store1 = new Ext.data.JsonStore({
  url: 'CustomerProfiles/GetDetails',
  root: 'rows',
  fields:['Name','Id']
  });
  
  DetailedResults =
                  {
                      xtype: 'grid',
                      autoHeight: true,
                      autoWidth: true,
                      autoScroll: true,
                      border: false,
                      trackMouseOver: false,
                      frame: true,
                      store: Store1,
                      columns: [
                          { header: 'Name', dataIndex: 'Name', width: 90 },
                          { header: 'Id', dataIndex: 'Id', width: 50 }
                      ]
                  };
  
  Leftpanel = new Ext.Panel({
  id: 'Leftpanel',
  frame: true,
  width: 175,
  items: [
          {
              xtype: 'label'
          },
          {
              xtype: 'checkboxgroup',
              columns: 1,
              vertical: true,
              items: [{
                  boxLabel: 'ALL',
                  name: 'chkName',
                  inputValue: 'all'
              }, {
                  boxLabel: 'N1',
                  name: 'chkName',
                  inputValue: 'N1'
              }, {
                  boxLabel: 'N2',
                  name: 'chkName',
                  inputValue: 'N2'
              }, {
                  boxLabel: 'N3',
                  name: 'chkName',
                  inputValue: 'N3'
              }], listeners: {
                  change: {
                      fn: function () {
                          Store1.clearFilter();
                          var selectedValue = this.getValue();
                          for (var i = 0; i &lt; selectedValue.length; i++) {
                              Store1.filter('Name', selectedValue[i].inputValue);
                          }
                      }
                  }
              }             
          }            
  ]});
  </code></pre>
  
  <p>Where I went wrong?</p>
  
  <p><strong>PS: I am using 3.4 version</strong></p>