0

我的应用程序中有一个网格,配置了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如上所示正确显示,有什么帮助吗?谢谢!

4

1 回答 1

1

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

于 2012-05-23T16:25:53.840 回答