我是 ExtJS 的新手。我遵循了一个旨在在网格上创建分页的教程。代码很简单,我发现它很可疑......结果,分页工具栏在那里,但仍然有第一次加载时显示的所有数据。这是我在视图文件中的代码:
Ext.define('AM.view.user.List' ,{
extend: 'Ext.grid.GridPanel',
alias: 'widget.userlist',
cls: 'overall',
title: 'xxx <img src="ressource/image/xxx.png" class="title-icon" style= "width: 5%; height: 5%; vertical-align:middle; margin-bottom:0px;" />',
columnLines: true,
dockedItems: [{
xtype: 'pagingtoolbar',
store: 'Users',
pageSize: 2,
dock: 'bottom',
displayInfo: true
}],
我还看到了带有 var 的教程,但我不知道在哪里实现它。很抱歉,我知道那里有很多关于它的教程,但我正在努力学习它:(,我对 JS 的掌握还不够!
提前谢谢^_^
编辑:我的商店文件中的代码:
var itemsPerPage = 2;
var store = Ext.define('AM.store.Users', {
pageSize: itemsPerPage,
extend: 'Ext.data.Store',
model: 'AM.model.User',
proxy: {
type: 'ajax',
api: {
read: 'application/data/users.json',
update: 'application/data/updateUsers.json',
},
reader: {
type: 'json',
root: 'users',
idProperty: 'POC',
successProperty: 'success',
totalProperty : 'total'
}
},
autoLoad: false,
});
store.load({
params:{
start:0,
limit: itemsPerPage
}
});
这告诉我:未捕获的 TypeError: Object function constructor() { ... has no method 'load'
我试图删除 store.load,并在 AutoLoad 之后添加 {start: 0, limit: 2},根据这个http://www.objis.com/formationextjs/lib/extjs-4.0.0/docs/api /Ext.toolbar.Paging.html
使用这种方法,工具栏会按原样显示“显示的 2-13 数据”,但网格中没有显示数据:'(。