Extjs 多选下拉

Extjs 多选下拉

使用前注意设置load ux包

官网效果

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/multiselect/multiselect-demo.html

代码如下

var tempCombox = Ext.create('Ext.ux.form.MultiSelect', {
		fieldLabel: '多选下拉',
		displayField: 'time',
		valueField: 'id',
		queryMode: 'remote',
		x:100,
		y:100,
		width:250,
		allowBlank: false,
		store: new Ext.data.JsonStore({
			storeId:'displayTimeCombox',
			fields:['id','time'],
			proxy:{
				type:'ajax',
				url:'/youproject/data/data.json'
			},
			autoLoad: true
		})
	});

效果如下