Extjs之--带分页的lovcombo控件

1、效果图:

 

2、js部分

 

{
	id:'lovcombo_test',
	hiddenName:'testBatch',
	xtype:'lovcombo',
	width:300,
	//hideOnSelect:false,
	maxHeight:200,
	readOnly:true,
	editable:false,
	pageSize:10,
	mode:'remote',
	store:new Ext.data.JsonStore({
	    url: 'data/testBatches.do',
	    root: 'testBatches',
	    totalProperty: 'totalCount',
	    remoteSort: true,
	    fields: ['id','name']
	}),
	valueField:'id',
	displayField:'name',
	triggerAction:'all'
}

 

说明: xtype:'lovcombo' 为多选下拉框，需要引入 lovcombo.js、LovCombo.css

 

3、附件中包含以上两个文件，可以从http://lovcombo.extjs.eu/下载