我使用 ExtJs 4.1
我的网格工作正常,但在设置正确的分页时遇到问题。分页工具栏获取错误的记录数和页数。
服务器总共有 8 行,但只返回指定的 4 行。所以它应该是 2 页,每页 4 行。
初始加载的Json如下所示:
{
"value": {
"data": [{
"id": "user1",
"title": "index0"
}, {
"id": "user2",
"title": "index1"
}, {
"id": "user3",
"title": "index2"
}, {
"id": "user4",
"title": "index3"
}
],
"total": 8,
"page": 1,
"pages": 2,
"pagesize": "4"
}
}
设置:
nItemsPerPage = 4;
分页工具栏:
var oPagingToolbar = Ext.create( 'Ext.toolbar.Paging', {
store : oStoreUsers,
pageSize : nItemsPerPage,
dock : 'bottom',
displayInfo : true
} );
我的网格有商店oStoreUsers
和停靠的分页工具栏。
商店已加载:
// tried each of the following lines for loading
// none gave me 2 pages
oStoreUsers.load( { params: { start: 0, limit: nItemsPerPage } } );
oStoreUsers.loadPage( 1 );
oStoreUsers.loadPage( 1, { params: { start: 0, limit: nItemsPerPage } } );
该商店具有以下属性:
root: 'value.data',
pageSize: nItemsPerPage
问题:将 4 行加载到存储中并显示在网格中。但是,分页工具栏会说Page 1 of 1
和Displaying 1 - 4 of 4
,什么时候应该Page 1 of 2
和Displaying 1 - 4 of 8
。
如何让它发挥作用?
编辑:
reader
reader: {
type : 'json',
root : 'value.data',
totalProperty: 'total'
}