EXT Combox

5.ComboBox的其他重要参数

1.valueField:”valuefield”//value值字段
2.displayField：”field” //显示文本字段
3.editable：false//false则不可编辑，默认为 true
4.triggerAction:”all”//请设置为”all”,否则默认 为”query”的情况下，你选择某个值后，再此下拉时，只出现匹配选项，如果设为”all”的话，每次下拉均显示全部选项
5.hiddenName:string //真正提交时此combo的name，请一定要注意
6.typeAhead:true,//延时查询，与下面的参数配合
7.typeAheadDelay:3000,//默认250

6.ComboBox使用时注意

combo这个控件是需要绑定一个Store数据源才能使用的,
因此，在数据绑定中 combo需要指定两个比较关键的属性displayField和valueField
displayField指定一个Store的某一个列 名，也就是Store的fields指定的内容
而valueField，则是实际combo返回的值，displayField是指示显示的
如 果valueField不指定也行，不过返回值就成了displayField

7.combobox动态加载问题



 var moduleStore = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({
            url: 'getShenOrder.action' //这里是参数可以顺便写,这个数据源是在第一个下拉框select的时候load的
        }),
        reader: new Ext.data.JsonReader({
        totalProperty: "results",
        root: 'list',
        fields:['code','name']
        })/*,
        listeners: {
            load: function() {
    	        var combo = Ext.getCmp('ruleid');
                combo.setValue(combo.getValue());
            }
        }*/
       });

 var comb  = new Ext.form.ComboBox({
	fieldLabel: '审核级别',
	labelSeparator : '：',
	id:"ruleid",
	name:"ruleid",
	baseCls:"x-plain",
	store:moduleStore,
	valueField:'code',
	displayField:'name',
	typeAhead: true,
	mode: 'local',
	triggerAction: 'all',
	selectOnFocus:true,
	editable:false,
	readOnly: true,
	listWidth: 105,                //设置数据显示框的长度
	width:90,                      //设置下拉框的长度
	hideTrigger:false
//	listeners: {  //为Combo添加select事件
//		  select: function(combo, record, index) {   // 该事件会返回选中的项对应在 store中的 record值. index参数是排列号.
//		  }
//		  }
})

moduleStore.load({params:{typeCode:targetcode}});
moduleStore.on('load',function(store,record,opts){   //为Store设置load事件									var combo = Ext.getCmp("ruleid");
	if(p2==0){
	var  firstValue  = record[0].data.code;//这种方法也可以获得第一项的值
	combo.setValue(firstValue);//选中
         }else{
	 combo.setValue(p2);   //根据审核顺序设置combo选中值
	}
});

//	Ext.getCmp('ruleid').setValue(p2.toString()); 设置当前选中值Value
//      应该在load时setValue(data)或者第一次combobox显示的是data的值
//	Ext.getCmp('ruleid').setRawValue('一级审核');  设置显示的Text