Extjs中ComboBox選中默認值

使用Extjs的ComboBox時,因爲ComboBox並不是真正的select,所以不會默認選中第一項。通過下面的方法,就可以實現選中第一項的值:


...
var comboStore = new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: []
});
var combobox = new Ext.form.ComboBox({
store: comboStore,
id:'combo',
emptyText: '請選擇',
mode: 'local',
triggerAction: 'all',
valueField: 'value',
displayField: 'text',
readOnly: true,
applyTo: 'combobox'
});
comboStore.on('load',function(store,record,opts){
var combo = Ext.getCmp("combo");
var firstValue = store.getRange()[0].data.value;//這種方法可以獲得第一項的值
//firstValue = record[0].data.value;//這種方法也可以獲得第一項的值
combo.setValue(firstValue);//選中
alert("value="+combo.getValue());//查看選中的value
alert("text="+combo.getRawValue());//查看選中的文本
});
...
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章