title: Extjs5 - UI Client side GRID pagination
body: <p>I am using ExtJs5 with Grails 2.4.4. I want a client side pagination on Extjs grid without calling server side. I went through a lot of forums looking for inputs on client side pagination but everywhere I see memory proxy to be used. I am using Ajax proxy call to grails controller and loading the store. Could you please help me in resolving this and provide pointers to have client side pagination working? 
  Please find below my code. I am completely new to extjs. So please apologize if there is some basic error.
  View :</p>
  
  <pre><code>Ext.define('MVC.GridPanel', {
  alias: 'app.gridPanelAlias',
  extend : 'Ext.grid.Panel',
  xtype  : 'BookView',
  
  title : Books,
  
  store : 'Book',
  
  multiSelect: true,
  
  requires: ['Ext.grid.column.CheckColumn'],
  
  columns: [
          {text: "Select", dataIndex: 'Selected', xtype: 'checkcolumn', width:25},
          {text: "Book Number", width: 55, dataIndex: bookNumber, sortable: true},
          {text: "Received", width: 50, dataIndex: 'receivedDate', sortable: true, renderer: render_date},
  ],      
  dockedItems:
  [
      { xtype: 'pagingtoolbar',
          dock: 'bottom',
          displayMsg: '{0} - {1} of {2}',
          emptyMsg: 'No data to display',
          store: 'Book',
          displayInfo: true
      }
  ],
  forceFit: true,
  height:210,
  split: true,
  region: 'north'
  });
  </code></pre>
  
  <p>Store:</p>
  
  <pre><code>Ext.define('MVC.store.Book', {
  extend  : 'Ext.data.Store',
  
  requires : [
      'MVC.model.Book'
  ],
  config: {
  storeId : 'Book',
  model   : 'MVC.model.Book',
  pageSize : 5,
  proxy: {
      type: 'ajax',
      url: '/Book/getBooks',
      actionMethods :{
          read   : 'POST'
          },
      reader: {
          type: 'json',
          rootProperty: 'books',
          totalProperty: 'total'
      }
  }  
  }
  
  });
  </code></pre>
  
  <p>Model :</p>
  
  <pre><code>Ext.define('MVC.model.Book', {
  extend: 'Ext.data.Model',    
  fields: [
      { name: 'Selected', type: 'bool' },
      { name: 'BookNumber', type: 'string' },
      { name: 'Received', type: 'date'}
  ]
  });
  </code></pre>
  
  <p>Store is invoked on click of an option in accordion panel. </p>
  
  <pre><code>var store = Ext.getStore('Book');
  store.load({
  params: {
     start: 0,
     limit: 5
  }
  });
  </code></pre>
  
  <p>JSON response from server for the above ajax call -</p>
  
  <blockquote>
    <p>{"total":40,"success":true,"bookOrders":[{"bookNumber":"11111","receivedDate":null},{"bookNumber":"222222","receivedDate":null}]}</p>
  </blockquote>