注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

风之泪

风过雨过,花开花落。。。

 
 
 

日志

 
 

ExtJs 动态ComboBox  

2010-11-19 09:56:16|  分类: extjs |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 //设置ComboBox列表数据源参数
        var comboxStore = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({
                url: "http://www.cnblogs.com/Service/SystemService/RoleService.ashx?Method=GetAllRoles"
            }),
            reader: new Ext.data.JsonReader({
                root: 'Table',
                totalProperty: 'RecordCount',
                id: 'RoleId',
                fields: ['RoleId', 'RoleName']
            })
        });
        comboxStore.load();
        //角色下拉框
        var roleCombox = new Ext.form.ComboBox({
            id: 'rCombox',
            //xtype: 'combo',
            fieldLabel: '所属角色',
            emptyText: '请选择所属角色',
            name: 'RoleName',
            anchor: '98%',
            store: comboxStore,
            displayField: 'RoleName',
            valueField: 'RoleId',
            hiddenName: 'RoleId',
            typeAhead: true,
            mode: 'remote',
            triggerAction: 'all',
            selectOnFocus: true,
            blankText: '角色不能为空',
            allowBlank: false,
            editable: false
        });

3.comboBox在表单中提交值的问题

  有如下两种方法:

    1.params: { RoleId: Ext.getCmp('rCombox').getValue() }

     通过params传 getValue()取到的是valueField中的值

    2.通过配置hiddenName,来保存valueField中的值,否则将提交name属性中的值即dispalyField的值

4.参数介绍

  mode:数据来源方式 local本地 remote 表示从服务器读取数据

  selectOnFocus:值为 ture 时表示字段获取焦点时自动选择字段既有文本

  editable:true表示可以编辑

  评论这张
 
阅读(1202)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017