1. 程式人生 > >comboBox獲取下拉列表索引的值及書寫方式

comboBox獲取下拉列表索引的值及書寫方式

一:comboBox獲取下拉列表值的索引使用方法:Ext.getCmp('id').getValue();  

指獲取值:Ext.get('id').getValue();


二:可以通過xtype的方式來定義一個comboBox

	xtype:'combo',
	id:'msgType',
	name:'msgType',
	store:new Ext.data.SimpleStore({
		fields: ['val', 'name'],
		data : typeName }),
	valueField:'val',
	displayField:'name',
	mode:'local',
	triggerAction : 'all',
	width : 120,
	selectOnFocus : true,
	allowBlank : true,
	editable : false //避免使用者直接輸入
還可以通過new Ext.form.ComboBox({ })的方式定義comboBox
var comboBoxType = new Ext.form.ComboBox( {
		fieldLabel:'   訂購型別:', 
		id:'sorderType',
		name:'sorderType',
		store: new Ext.data.SimpleStore({
			fields: ['val', 'name'],
			data : orderType }),
		valueField:'val',
		displayField:'name',
		typeAhead: true, 
		mode: 'local',//從本地讀取資料
		triggerAction: 'all',
		selectOnFocus:true, 
		editable:false,
		width:120, 
		height:19,
		listeners:{
		select:function(comboBoxType){
			if(comboBoxType.getValue()=='0'){
				comboBoxChange(0);
			}
		}
	}
});