title: Implementing paging for sencha touch list
body: <p>I have following sample application, where i am trying to implement paging functionality for sencha touch , but i am facing issues in setting the page size and when i hit load more same old data is being repeated in the list, please can i know where i am going wrong ?</p>
  
  <pre><code>Ext.define("WEB.view.SearchView", {
      extend: 'Ext.dataview.List',
      xtype: 'SearchView',
   requires: [
           'Ext.dataview.List',
          'Ext.data.Store',
          'Ext.List'
      ],
  
      config: {
  
      title: 'Search Results',
      plugins: [
                              {
                                  xclass: 'Ext.plugin.ListPaging',
                                  autoPaging: false,
                                  loadMoreText: 'Loading...',
                                  noMoreRecordsText: 'No More Records'
                              },
                              { xclass: 'Ext.plugin.PullRefresh' }
                          ],
          //onItemDisclosure: false,
          store: {
  
              id: 'MySearchStore',
               autoLoad:false,
          pageSize: 15,
          clearOnPageLoad: false,
                  fields: [
                    { name: "ShortDescription", type: "string" },
                  { name: "MatchId", type: "bool" }
                 ],
              proxy: {
                  type: 'jsonp',
                  url: 'http://Example.com',
                  reader: {
                      type: 'json',
                      rootProperty: 'd'
                  }
              }
          },
          itemTpl: new Ext.XTemplate('&lt;tpl if="MatchId == 1"&gt;', '&lt;p style="color: #ff9900"&gt;{BlockNo}&lt;/p&gt;&lt;p&gt;{ShortDescription}&lt;/p&gt;', '&lt;/tpl&gt;',
              '&lt;tpl if="MatchId == 0"&gt;', '&lt;p &gt;{BlockNo}&lt;/p&gt;&lt;p&gt;{ShortDescription}&lt;/p&gt;', '&lt;/tpl&gt;'
          )
      }
  });
  </code></pre>