title: ExtJS 4 making more dynamic filter based on change selection
body: <p>I'm having really hard time to understand the different kind of filters and when and how to use them so I've decided to start from the very begining and increase the level of difficulty slowly. I tried the most simple filter which i got from the ExtJS 4 documentation, I have a controller, a stroe, a model and a view, and I use CodeIgnaiter for my backend. Because I want to go bottom up what I've done is this:</p>
  
  <pre><code>Ext.define('ABC.store.FilterRecordsByForm', {
  
      extend: 'Ext.data.Store',
      model: 'ABC.model.FormRecord',
  
      autoLoad: true,
  //  autoSync: true,
  //  remoteFilter: true,
  //  remoteSort: false,
  
      proxy: {
          type: 'ajax',
          actionMethods: 'POST',
          api: {
           read:  g_settings.baseUrl + 'index.php/record/getRecordsListByForms'
  
  
          },
          reader :{
              type: 'json',
              root: 'data',
              idProperty: 'id',
              successProperty: 'success'
          }
      },
  
          filters: [
          {
              property: 'procedure_id',
              value   : 3
          }
      ]
  
  });
  </code></pre>
  
  <p>So here I just use the example from ExtJS 4 documentation and hardcoded my filter in the stroe. So far so good. It works as expected. But now I want to make my <code>value</code> field to get a variable as a value and reload the filter every time the value is of the <code>vlue</code> field is changed. I'm a littile  bit confused which exact implementation of Ext filter to use here and where. I think I should place it in the controller, but have no clue how to change my filter to respond on the new value it gets, and do I have to make changes on my server side code or I can make it only on the client side?</p>
  
  <p>Thanks</p>
  
  <p>Leron</p>