title: EXTJS GRID and store
body: <p>I have EXT JS 4.2 Grid and store.</p>
  
  <p>Now one page load grid get data from store and display on UI.</p>
  
  <p>I have date drop down filter on page. on date selection of date filter one request should go to server fetch data from db and reload store with updated data, and grid should update with updated store value.</p>
  
  <p>My issue is how can i unbind exiting store from grid load, set store params with date, then fetch new data in store and bind to grid. and show updated data on grid?</p>
  
  <p>thanks in advance </p>
  
  <p>this is code where grid is created , one button is created on click of which new params needs to pass to server</p>
  
  <pre><code>{
                  xtype: 'container',
                  layout: 'hbox',
                  style: 'margin-left: 152px;',
                  width: 960,
                  height: 'auto',
                  cls: 'portlet full',
                  items: Ext.getCmp('grid')
  
              }, {  //Create Button to fetch Grid Checked Data//
              xtype: 'container',
              layout: 'hbox',
              style: 'margin-left: 163px;padding-top: 20px;padding-bottom: 59px;',
              items: [
                      Ext.create('Ext.Button', {
                      name: 'Click me',
                      width:'40px',
                      handler: function() {
  </code></pre>
  
  <p>update =============================================</p>
  
  <pre><code>        Ext.create('store', {storeId: 'storetest2'}).load({
          params: {
              // To send Extra Params
              'lastname':'test2'
          },
          callback: function(records, operation, success) {
              // To Perform some call back operations
          }
      });
      scndStore = Ext.data.StoreManager.lookup('storetest2'),
      Ext.getCmp('grid').reconfigure(scndStore);
  </code></pre>
  
  <p>update =============================================</p>
  
  <pre><code>               })
           ],
  </code></pre>