extjs4 分页工具栏pagingtoolbar的每页显示数据combobox下拉框_weixin_34178244的博客

var itemsPerPage = 20;
var combo;
//创建数据源store
Ext.define('recordStore', {
			extend : 'Ext.data.Store',
//			autoLoad : {
//				start : 0,
//				limit : itemsPerPage
//			},
			start : 0,
			limit : itemsPerPage,
			pageSize : itemsPerPage,
			model : 'recordModel',
			proxy : {
				// 异步获取数据。这里的URL能够改为不论什么动态页面，仅仅要返回JSON数据就可以
				type : 'ajax',
				url : '../drivingrecord/driveingInfoList.do',
				reader : {
					type : 'json',
					root : 'serials', // 返回信息的根名称。为必选项
				//	idProperty : 'id', // 数据唯一标识字段
					successProperty : 'success',
					totalProperty : "total"//总记录数
				}
			}
		});

//分页的combobox下拉选择显示条数
	 combo = Ext.create('Ext.form.ComboBox',{
	      name: 'pagesize',
	      hiddenName: 'pagesize',
	      store: new Ext.data.ArrayStore({
	          fields: ['text', 'value'],
	          data: [['20', 20], ['40', 40],['60', 60], ['80', 80], ['100', 100]]
	      }),
	      valueField: 'value',
	      displayField: 'text',
	      emptyText:20,
	      width: 50
	  });//若要“永久性”更改全局变量itemsPerPage，此combox要放在Ext.onReady(）;中

//加入下拉显示条数菜单选中事件
	 combo.on("select", function (comboBox) {
	 <span style="white-space:pre">	</span>var pagingToolbar=Ext.getCmp('pagingbar');
	 	pagingToolbar.pageSize = parseInt(comboBox.getValue());
	    itemsPerPage = parseInt(comboBox.getValue());//更改全局变量itemsPerPage
	    recordStore.pageSize = itemsPerPage;//设置store的pageSize，能够将工具栏与查询的数据同步。
	    
	    recordStore.loadPage(1);//显示第一页,不论你在第几页又一次选择显示条数，默认都显示第一页数据，rowNumber也会自己主动转换成从1開始。var itemsPerPage = 20;
var combo;