使用Extjs的ComboBox时,因为ComboBox并不是真正的select,所以不会默认选中第一项。通过下面的方法,就可以实现选中第一项的值:
Java代码
...
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());//查看选中的文本
});
...
分享到:
相关推荐
在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...
首先,需要明白在ExtJS中设置普通控件(如文本框)的默认值相对简单,通常只用一行代码即可完成。然而,对于ComboBox(下拉列表组件)来说,情况就没那么简单了。 在具体实现上,首先需要准备两个ComboBox组件,...
7. **formPanel加载数据**:在formPanel中加载数据时,如果包含combobox等下拉列表,需要处理好数据绑定和默认值设置。 8. **动态显示时间**:ExtJS可以实时更新页面上的时间,提供动态的时间显示功能,常用于实时...
讲解了如何从ComboBox组件中获取用户的选中值,以及如何处理这些值进行后续操作。 #### 七、源代码 提供了完整的代码示例,帮助读者理解和实践所学内容。 ### 第十部分:Ajax与ComboBox #### 一、Ajax 概述了Ajax...
问题在于,当直接在ComboBox的items配置中定义store,并尝试立即加载数据并设置默认值时,store可能还没有完成加载,导致默认值设置不成功。为了解决这个问题,我们可以将store的定义和加载数据的过程分开,先加载...