ExtJs4.1将服务器中的数据进行分页显示

Ext.onReady(function () {

          var itemsPerpage = 2; //每一页显示的数据条数

     

  var store = Ext.create("Ext.data.Store", {

              fields: ["UserName", "Phone", "Eamil", "QQ", "Addr", "Department"],

              proxy: {

                  type: "ajax",

                  url: "test2.aspx",

                  reader: {

                      type: "xml",

                      record: "Table",

                      totalProperty: 'total'

                  }

              },

              pageSize: itemsPerpage,

              //                autoLoad: true,

              autoLoad:false,

              sorters: ["UserName"]

          });

          store.loadPage(1); //刚开始就需要下载1页的数据就可以了这里的1表示的页数，就是说只需要把第一页的数据弄过来（那么就是2条记录）

          Ext.create("Ext.grid.Panel", {

              title: "userInfo",

              store: store,

              columns: [

              { header: "UserName", dataIndex: "UserName", flex: 1 },

              { header: "Phone", dataIndex: "Phone", flex: 1 },

              { header: "Email", dataIndex: "Email", flex: 1 },

              { header: "QQ", dataIndex: "QQ", flex: 1 },

              { header: "Addr", dataIndex: "Addr", flex: 1 },

              { header: "Department", dataIndex: "Department", flex: 1}],

              width: 400,

              height: 125,

              dockedItems: [{

                  xtype: 'pagingtoolbar',

                  store: store,  // same store GridPanel is using

                  dock: 'bottom',

                  displayInfo: true

              }],

              renderTo: Ext.getBody()

          });

      });