大致思路如下:
先创建一个ComboBox对象,我是随便创建的,具体情况根据自己需要而定
var combo=new Ext.form.ComboBox({
id:'POWER_ITEM_ID',
xtype: 'combo',
name: 'POWERSHOW',
hiddenName: 'POWER',
allowBlank: false,
blankText: '请选择用户身份.',
store: [["0", "管理员"], ["1", "普通用户"]], //数据源为一数组[[value,text],[value,text],...]
fieldLabel: "用户身份",
editable: false, //false则不可编辑,默认为true
triggerAction: "all" //请设置为"all",否则默认为"query"的情况下,你选择某个值后,
再此下拉时,只出现匹配选项,如果设为"all"的话,每次下拉均显示全部选项
});
实现options被selected关键代码(以让“普通用户”被选中为例,其实就两句代码!!!)
document.getElementsByName("POWER")[0].value="1";
document.getElementsByName("POWER")[0].nextSibling.value="普通用户";
这样就大功告成了,就为什么要这样做我大概解释一下,因为在Combox中不是用Select标签来实现下拉框的,而
是用了两个<input type="text">,两个input框并排生成,前一个的name是保存的comboBox中的hiddenName,
最后提交也是提交的这个input框的value值,而后一个input的name为空值,里面的value值就是显示在外面的Text
(注:后来发现实现options被slected的代码其实很简单,直接 Ext.getCmp("POWER_ITEM_ID").setValue(1)即可,
而且效果比之前那种方法好得多,注意setValue里面的值就是store里面对应的数字值)
分享到:
相关推荐
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
extjs 自动补全,模拟下拉列表combobox
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:’local’在Extjs4.0中用queryMode: ‘local’来表示,而且在...
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/701745
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。
本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox...
代码看起来简洁又漂亮是如何做到的,这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
extjs中的多选列表,extjs中没有实现多选列表。这是别人作的封装。我找到的。
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....
combobox定义 combobox 中的id必须要有,后面要跟据id取combobox值。 代码如下: var comboBox = new Ext.form.ComboBox({ id : “cb”, //必须有 typeAhead : true, readOnly : true, allowBlank : false, autoScro
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
此压缩包中完全能实现的功能是在extjs中让本地照片预览,并且将地址传递给java后台,将图片文件以blob的形式存储到oracle数据库,并且可以默认将数据库中的数据第一次加载在预览框里(也就是从数据库中读出blob数据...