示例如下:
/** * GridPanel 使用 * 创建可控制分页条数的分页工具条 如:{bbar : getPagingToolbar(grid, store ,20)} * * @param {} * grid * @param {} * gridStore * @param {} * gridPageSize * @return {} */ function createPagingToolbar(grid, gridStore, gridPageSize) { var pageToolbar = new Ext.PagingToolbar({ pageSize : gridPageSize, store : gridStore, displayInfo : true, displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg : "没有记录", items : [' 每页', new Ext.form.ComboBox({ width : 50, store : new Ext.data.SimpleStore({ fields : ['val'], data : [[10], [15], [20], [30], [40], [50], [60], [70], [80], [100]] }), displayField : 'val', valueField : 'val', // typeAhead : true, mode : 'local', value : gridPageSize, listWidth : 50, /** 行宽 * */ triggerAction : 'all', selectOnFocus : true, listeners : { change : { fn : function(box, newValue, oldValue) { var pattern = /^[1-9]\d*$/; if (newValue && pattern.test(newValue .toString())) { if (parseInt(newValue.toString()) != pageToolbar.pageSize) { pageToolbar.pageSize = parseInt(newValue); gridStore.load({ params : { start : 0, limit : pageToolbar.pageSize } }); return ; } } box.setValue(oldValue); } } } }), '条'] }); return pageToolbar; }