extjs - 将分页工具栏动态添加到网格 Ext-JS 4 时分页不起作用

Question

在我的应用程序中，一切都应该是动态的。我正在创建这样的视图：

this.store = Ext.create('Test.store.Users');
this.model = Ext.ModelManager.getModel(this.store.model);
this.view = Ext.create('Test.view.Users.Index');
this.view.init();

Ext.create 视图创建一个网格，init 函数创建一个分页工具栏：

init: function(){

var pToolbar =  new Ext.PagingToolbar({
        dock: 'bottom',
        store: this.store,
        displayInfo: true
});

this.addDocked([pToolbar]);

}

this.store有正确的参考（检查过）并且刷新效果很好，但分页没有！我总是得到所有结果，而不是分页。我在 init() 中尝试过这样的事情：

//bind a store to a toolbar
pToolbar.bindStore(this.store);
//reconfigure grid
this.reconfigure(this.store);
//load just the first page
this.store.loadPage(1);

一样。我得到所有 240 条记录而不是 25 条。有什么想法吗？

谢谢你。

Answer 1

您必须在加载商店时传递start和参数。在商店配置或设置中limit也提到是动态的。pageSize您可以像加载商店一样 -

store.load({
    params:{
        start:0,
        limit: itemsPerPage
    }
});

如果您正在接收来自服务器的响应数据，那么在服务器端您必须select根据start和limit参数构建查询。