如何使用分页删除网格中的滚动条 - Extjs 4

Question

我的应用程序中有一个使用xtype : 'pagingtoolbar'配置的网格，并且与此网格相关的商店配置了pageSize : 10，结果是pagingtoolbar被正确显示（如下所示）但我在网格中有一个滚动条，所有记录都加载到网格中。当然我在网格/商店配置中缺少某些东西：

网格：

xtype : 'gridpanel',
store : mystore,
height : 350,
hidden : true,
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'
 } ]

商店：

Ext.define('Users',{
   extend: 'Ext.data.Store',
   model: usersModel,
   pageSize : 10,
   proxy: {
             type: 'ajax',
             url: 'servletURL',
             reader: {
                   type: 'json',
                   root: 'data',
                   successProperty: 'success',
                   totalProperty: 'total'
             },
            writer: {
               type : 'json',
               root: 'data' 
    },
    actionMethods: {
        read   : 'POST',
        create : 'POST',
        update : 'POST',
        destroy: 'POST'
    },

},
sortOnLoad: true,
sorters: { property: 'dateTimeTrx', direction : 'DESC' },

});

我正确地从服务器端接收数据，但是我无法显示页面，所有数据都在一个页面中，即使pagingtoolbar正确显示如上所示，有什么帮助吗？谢谢！

Answer 1

ExtJs pagingtoolbar不负责从服务器响应中提取所需数据。相反，您的服务器必须准确响应应该为当前页面显示的数据。为了告诉服务器需要什么数据，ExtJs会发送额外的参数（类似?start=0&page=1&limit=10）。 您必须根据此参数形成相应的响应。