Sencha Touch 學習筆記之----ListPaging&PullRefresh

{
   xtype : 'list',
   plugins: [
          {
           xclass: 'Ext.plugin.ListPaging',
              autoPaging: true,//是否滾動到頁面底部的時候自動請求刷新
              noMoreRecordsText :  "沒有更多數據了!",
              loadMoreText :  "加載更多數據...",
              
              xclass: 'Ext.plugin.PullRefresh',
              pullText: '下拉刷新...',
              releaseText : '鬆開刷新...',
              loadingText : '請稍等...',
              loadedText : '加載...',
              lastUpdatedText : '最近刷新時間 '
          }
      ],
   itemTpl : '<image style="width:20px;" src="resources/images/tp.png"></image><span style="font-size:0.8em;">{imgName}</span>',
   name : 'topologyimglist',
   itemId : 'topologyimglist',
   emptyText : '<table style="width:100%;"><tr><td style="text-align:center;">無數據...               </td></tr></table>',
   loadingText : false,
   store : 'xxx'//你的store，固然你也能夠在其餘地方綁定當前list和你的store
   
  }

 固然並非在list中加入這兩個插件就能達成目的，還須要在store裏面配置對應的參數：

Ext.define('TransAssistant.store.TopologyImgStore', {
 extend : 'Ext.data.Store',
 config : {
  storeId : 'topologyImgStore',
  model : 'TransAssistant.model.TopologyImgModel',

        pageSize: 10,
        proxy: {
            type: "ajax",

            //每頁顯示多少條的變量名，默認爲limit
            limitParam: 'limit',
            //當前請求的頁數的變量名，默認爲page             
            pageParam: 'page',
            //請求的服務器的地址
            url : config.actionUrl+"listTopologyPic.action",
            reader: {
                type: "json",
                rootProperty: "list"//保護store數據的json變量名
            }
        },
        autoLoad: false//是否自動加載，通常爲否
 }
});

好了，如今就算配置完成了，運行一下看看效果吧！