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()

          });

      });