大致思路如下:
先创建一个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 3.1 版本中,下拉框(ComboBox)是常见的组件,常用于创建选择列表,类似于HTML中的`<select>`元素。它提供了丰富的功能,如搜索、过滤和自定义渲染等。在ASP.NET环境下,我们可以利用ExtJS的Ajax能力与...
为了实现级联选择,我们需要定义一个函数`updateCityStore(provinceId)`,当省份被选中后调用此函数来更新城市lovcombo的数据源。 ```javascript function updateCityStore(provinceId) { // 假设这里通过Ajax...
通过设置监听器中的'select'事件,可以在选中省份后,清空二级菜单选项,并重新加载城市数据。 4. 数据加载。在页面加载完成后,使用Ext.Ajax.request发送一个GET请求,获取初始数据并将其加载到表单中。 5. 后台...
### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...
在 ExtJS 中,我们可以通过 DWR 获取后台数据并在 Grid 控件中展示。 - **基本步骤**: 1. 在服务器端创建一个可被 DWR 访问的 Java 对象。 2. 在客户端使用 ExtJS 创建 Grid 控件,并设置其数据源为 DWR 服务。 ...