效果图:
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);
}