`
sammor
  • 浏览: 416083 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

使Extjs中的comboBox实现像html中select的options被选中

阅读更多
大致思路如下:


先创建一个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 下拉框 与aps.net绑定使用

    在ExtJS 3.1 版本中,下拉框(ComboBox)是常见的组件,常用于创建选择列表,类似于HTML中的`&lt;select&gt;`元素。它提供了丰富的功能,如搜索、过滤和自定义渲染等。在ASP.NET环境下,我们可以利用ExtJS的Ajax能力与...

    ExtJS 下拉多选框lovcombo

    为了实现级联选择,我们需要定义一个函数`updateCityStore(provinceId)`,当省份被选中后调用此函数来更新城市lovcombo的数据源。 ```javascript function updateCityStore(provinceId) { // 假设这里通过Ajax...

    ExtJS 设置级联菜单的默认值

    通过设置监听器中的'select'事件,可以在选中省份后,清空二级菜单选项,并重新加载城市数据。 4. 数据加载。在页面加载完成后,使用Ext.Ajax.request发送一个GET请求,获取初始数据并将其加载到表单中。 5. 后台...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

    Ext中Ajax的应用

    在 ExtJS 中,我们可以通过 DWR 获取后台数据并在 Grid 控件中展示。 - **基本步骤**: 1. 在服务器端创建一个可被 DWR 访问的 Java 对象。 2. 在客户端使用 ExtJS 创建 Grid 控件,并设置其数据源为 DWR 服务。 ...

Global site tag (gtag.js) - Google Analytics