我是 Ext JS 的新手。我只是参考了在 Sencha Ext Js 中发布的示例,目前正在使用网格中的分页。我不确定分页是如何工作的,对此有一点疑问。事情是分页工具栏显示在网格的底部。但是所有记录都显示在同一页面中。我尝试在类似论坛中建议的商店内设置 pageSize,甚至设置 autoLoad 功能,但它无法正常工作。这是我在数据存储区、网格和分页工具栏中使用的示例片段。
数据存储代码:
var itemPageSize = 5;
var bulkDevStore = Ext.create('Ext.data.ArrayStore', {
pageSize: itemPageSize,
fields : [ {
name : 'date'
}, {
name : 'userid'
}, {
name : 'filename'
}
],
autoLoad:{ start: 0, limit: itemPageSize}
});
网格片段:
var bulkStatsGrid = Ext.create('Ext.grid.Panel', {
columnLines : true,
width:'100%',
height:'100%',
title : "Statistics",
store : bulkDevStore,
disableSelection: true,
loadMask: true,
id : 'bulkstatsgrid',
columns : [ {
text : 'Date',
width : '10%',
sortable : false,
dataIndex : 'date'
}, {
text : 'User Id',
width : '10%',
sortable : true,
dataIndex : 'userid'
}, {
text : 'File Name',
width : '79.8%',
sortable : true,
dataIndex : 'filename'
} ],
分页片段:
bbar: Ext.create('Ext.PagingToolbar', {
store: bulkDevStore,
refresh : false,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
但总是它显示, Pages 0 of 0 。整个事情似乎被禁用了。有什么帮助吗?