在使用Ext Grid进行展示的时候,可能我们需要能够根据数据量和页面动态改变每页显示的记录的数量,但是默认的PagingToolBar是不能提供该功能的。
因此,我们可以使用Ext.PagingToolbar的plugins属性指定new Ext.ux.Andrie.pPageSize()来实现。
其中Ext.ux.Andrie.pPageSize()的实现可以在论坛上找到。下面贴出来:
// 创建分页组件
var pagingBar = new Ext.PagingToolbar({
pageSize : 10,
displayInfo : true,
store :store,
plugins : new Ext.ux.Andrie.pPageSize({
beforeText : "perPage",
afterText : "items"
}),
beforePageText : "Page",
afterPageText : "totalpage" + " {0}",
displayMsg : "{0} - {1} " + "totalpage" + " {2}"
});