title: Load next page grid Ext JS 4
body: <p>I'm trying to load 15 records for each page in the grid: <code>pageSize : 15,</code>, the server is sending me exactly 15 page, the problem is that the next page button in the grid is disabled.</p>
  
  <p><strong>Store :</strong></p>
  
  <pre><code>Ext.define('UserStore', {    
  extend: 'Ext.data.Store',
  model: 'UserModel',
  autoLoad : true,
  pageSize : 15,
  remoteSort: true,
  proxy: {
      type: 'ajax',
      url: 'url/to/servlet',
      reader: {
          type: 'json',
          root: 'data',
          totalProperty: 'total'
      },
      writer: {
          type : 'json',
          root: 'data'    
      },
      actionMethods: {
          read   : 'POST',
          create : 'POST',
          update : 'POST',
          destroy: 'POST'
      },
      extraParams : {
          data : 'Blank',
      }
  
  },
  sortOnLoad: true,
  sorters: { property: 'dateTime', direction : 'DESC' },
  
  });
  </code></pre>
  
  <p><strong>Grid :</strong></p>
  
  <pre><code>xtype : 'gridpanel',
  store : mystore,
  height : 350,
  columns : [ {
            dataIndex : 'firstName',
            text      : 'First Name',
            flex      : 1
          },{
            dataIndex : 'lastName',
            text      : 'Last Name',
            flex      : 1
          },{
            dataIndex : 'email',
            text      : 'Email',
            flex      : 1  
   }],
   dockedItems : [ {
      xtype : 'pagingtoolbar',
      hight : 28,
      displayInfo : true,
      dock : 'bottom'
  } ]
  </code></pre>
  
  <p><strong>Loading grid :</strong> I have tested 3 methodes :</p>
  
  <ul>
  <li><code>grid.getStore().loadPage(1);</code></li>
  <li><code>grid.getStore().load({ params:{start : 0, limit : 15}});</code></li>
  <li><code>grid.getStore().load();</code></li>
  </ul>
  
  <p><strong>EDIT</strong>
  <img src="https://i.stack.imgur.com/vjjpP.jpg" alt="enter image description here"></p>