使用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());//查看选中的文本
});
...
分享到:
相关推荐
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
extjs 自动补全,模拟下拉列表combobox
主要介绍了ExtJS4如何给Combobox设置列表中的默认值,需要的朋友可以参考下
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/701745
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
代码看起来简洁又漂亮是如何做到的,这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:’local’在Extjs4.0中用queryMode: ‘local’来表示,而且在...
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
combobox定义 combobox 中的id必须要有,后面要跟据id取combobox值。 代码如下: var comboBox = new Ext.form.ComboBox({ id : “cb”, //必须有 typeAhead : true, readOnly : true, allowBlank : false, autoScro
使用combobox时,它有一个hiddenName的属性,专门用于提交combobox中value的值,接下来介绍extjs3 combobox如何取value和text值,感兴趣的朋友可以不要错过了啊