Extjs之--combox分页功能

效果图:

js部分

  关键参数:

   mode:'remote'//数据加载模式

   minListWidth:230,//下拉列表宽度

   pageSize:6,//每页显示的条数

{
			xtype: 'combo',
			hiddenName: 'incomingBatch',
			valueField: 'id',
			displayField: 'name',
			editable: false,
			allowBlank : false,
			blankText    :'请填写进厂批次',
			msgTarget :'under',
			triggerAction: 'all',
			width: 150,
			mode: 'remote',
			minListWidth:230,
			pageSize:6,
			store: new Ext.data.JsonStore({
				url:'data/incomingBatches.do', 
				root:'incomingBatches', 
				totalProperty: 'totalCount', 
				remoteSort: true, 
				fields:['id', 'name']
			})
		}

action

@RequestMapping("/data/incomingBatches.do")
	public String getIncomingBatches(Model model,Integer start, Integer limit) {
		Paging paging = dataManager.getIncomingBatches(start,limit);
		String json = "{totalCount:" +
				paging.getTotalCount() +
				",incomingBatches:" + JSONArray.fromObject(paging.getCollections(), JsonUtils
						.registerDateProcessor(new JsonConfig())) + "}";
		return JsonUtils.returnJsonModelAndView(model, json);
	}