title: Modify data before rendering to grid in ExtJS 4
body: <p>How to modify the value stored in local storage before rendering it in the grid in ExtJs?</p>
  
  <p>I need to pass the value to a function for processing before it gets rendered, </p>
  
  <p>eg: <code>process(value fetched from local storage);</code></p>
  
  <p>I have written the Model like this:</p>
  
  <pre><code>Ext.define('MyApp.model.RegistrationModel', {
      extend: 'Ext.data.Model',
       fields: [
         { name: 'user', type: 'string' }, 
          { name: 'fName', type: 'string' },
          { name: 'lName', type: 'string' },
          { name: 'gender', type: 'string'},
          { name: 'role', type: 'string' },
          { name: 'phone', type: 'string'}
  
      ]
  });
  </code></pre>