GridPanel 分页工具条

示例如下：

 

 

/**
 * 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;
}