PagingToolbar不起作用

时间:2012-10-10 19:32:34

标签: extjs extjs4.1

我正在使用PagingToolbar过滤我的结果搜索,我想每页显示20个结果,但在我的网格中仍显示所有记录。

我的网格中的bbar

bbar: Ext.create('Ext.PagingToolbar', 
store: store,
pageSize: 20,
displayInfo : true,
plugins: Ext.create('Ext.ux.ProgressBarPager', {})
}),

我的商店

Ext.define('Mystore', {
extend: 'Ext.data.Store',
model: 'Mymodel',
pageSize: 20,
autoLoad: true,
remoteSort: true,
proxy: {
    type: 'rest',
    url: 'search',
    reader: {
        type: 'json',
        root: 'root',
        idProperty: 'id'
    },
    writer: {
        type: 'json',
        writeAllFields: true
    }
}

});

任何人都可以帮助我? 感谢。

2 个答案:

答案 0 :(得分:2)

为您提供商店数据的/search REST服务需要支持startlimit和/或page参数,以便商店可以请求一次一页的结果。

要支持limit参数,您的服务必须将返回结果的数量限制为不超过该参数中指定的计数。您通常通过将限制值传递给您用于提供结果的数据库查询来实现它。

答案 1 :(得分:2)

您的商店必须包含此参数以及开始和限制,并且您的后端需要使用这些参数。

baseParams:{         开始:0,限制:20     }

在java后端,

            String startPage = request.getParameter("start");
    String limits = request.getParameter("limit");

它为您的网格提供了一种过滤器。