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

解决Ext.form.ComboBox提交始终获得displayField的值

阅读更多

Ext.form.ComboBox提交始终获得displayField的值,以前没遇到过,直到我做了一个ComboBox组合Tree时,才出现这个问题,不管我怎么设置,以及修改代码,就是一直提交的是显示的内容,而不是隐藏的那个值.

后来,在使用普通的ComboBox时,也出现这个问题,于是认真了一把,终于找到了问题的解决方法,只要在ComboBox对象里设置hiddenName属性(我把hiddenName值设成name一样的值)就可以了,嘿嘿,真是很变态.

示例代码:

var combo = new Ext.form.ComboBox({
          //name:"test", //据说可以不用这属性
           hiddenName:"test",
           fieldLabel: "测试",
           store: new Ext.data.SimpleStore({ // 填充的数据
                fields : [ 'value',  'text'],
                data   : [[1, '正常'], [0, '禁用']]
            }),
           valueField:"value",
           displayField:"text",
           readOnly:true,
           mode: "local",
           triggerAction:"all",
           emptyText:"请选择类型...",
           allowBlank:false,
           editable :true
});

  

 

估计大部分人和我一样提交表单后,后台始终得不到ComboBox的值,原来hiddenName才是真是的提交表单名称,开始一直以为是name。怎么网络上那么多不负责任的人说是name呢?害我弄了很久,行库看到http://jokul-sycs.spaces.live.com/blog/cns!FBACFBA11EA0344A!122.entry的提示。谢谢啊。

var combo = new Ext.form.ComboBox({
          //name:"fkid",
           hiddenName:"fkid",
           fieldLabel: "文件分类",
           store:data,
           valueField:"fkid",
           displayField:"mtext",
     readOnly:true,
           mode: "local",
           triggerAction:"all",
           emptyText:"请选择类型...",
           allowBlank:false,
           editable :true
       });

再次高喊:ext你强大了!

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/jzdzhiyun/archive/2008/10/04/3016147.aspx

 

 

 

http://topic.csdn.net/u/20090324/16/aa352d60-aa19-4458-8711-81bba7cc8d12.html

分享到:
评论
2 楼 lzy83925 2010-08-27  
我也遇到一样的问题 NND
1 楼 pizza823 2010-07-12  
thanks a lot

相关推荐

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    ext多选下拉列表的全选功能实现

    同时,还需要更新MultiComboBox的值(value),以便在提交表单时能正确地传递所有选中的值。 5. **全取消功能**:除了全选,通常还需要提供一个全取消功能,一键清除所有已选择的项。这与全选逻辑类似,只是将`...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    var comboBox = Ext.create('Ext.form.ComboBox', { fieldLabel: '选择项', store: ['选项1', '选项2', '选项3'], displayField: 'text', valueField: 'text', }); ``` 2. **添加或删除选项**: 当需要添加...

    解决ext下拉列表全选和去全选功能

    var comboBox = Ext.create('Ext.form.field.ComboBox', { multiSelect: true, store: myStore, // 这里是你的数据存储 displayField: 'name', valueField: 'id' }); ``` 为了实现全选和去全选的功能,我们可以...

    extjs editgrid combobox 回显

    editor: new Ext.form.ComboBox({ id: "combo_process", store: store_process, valueField: "process_id", displayField: "process_name", forceSelection: true, typeAhead: true, triggerAction: 'all', ...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...

    ExtJs_xtype一览

    - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form.RadioGroup`,自2.2版本起,用于组织多个单选按钮的组件。 6. **图表组件** - `chart`:`Ext....

    Extjs fieldset两行两列布局

    new Ext.form.ComboBox({ // 创建ComboBox组件 hiddenName: 'ns', fieldLabel: '', triggerAction: 'all', store: new Ext.data.SimpleStore({ fields: ['name', 'code'], data: [['', '1'], ['', '0']] }),...

    extjs的ComboBox 2级联动

    ComboBox由几个关键部分组成,包括store(数据存储)、displayField(显示字段)和valueField(值字段)。Store用于存储选项数据,displayField定义了在下拉列表中显示的字段,而valueField则标识选中项的唯一标识。...

    EXT3.2 多选下拉框

    多选下拉框在EXT JS中通常通过`Ext.form.CheckboxGroup`或`Ext.form.RadioGroup`类来实现,但在EXT3.2中,实现多选下拉框功能通常会使用`Ext.form.FieldSet`或`Ext.form.ComboBox`的自定义扩展。这类组件提供了复选...

    ExtJS PropertyGrid中使用Combobox选择值问题

    为了解决这个问题,我们需要确保在用户选择 Combobox 项后,PropertyGrid 显示和保存的是 displayField 的值,而不是 valueField。一种解决方法是通过监听PropertyGrid的`beforepropertychange`事件,在这个事件中...

    Ext下拉树、下拉表格

    4. 配置下拉组合框:使用Ext.form.field.ComboBox,配置其store为表格数据模型,指定显示字段和值字段,同时设置 tpl 或者 displayField 和 valueField 来定制显示和选择项。 在myEclipse的Web项目中,你需要将这些...

    Ext combo 下拉框级联

    var parentComboBox = Ext.create('Ext.form.field.ComboBox', { store: parentStore, displayField: 'name', valueField: 'id', listeners: { select: function (combobox, records) { var parentId = ...

    EXT控件lovcombo

    在EXT控件中,"lovcombo"(即Love Combo)是一种特殊的ComboBox,通常用于显示一个列表,其中每个项可以被选择,类似于下拉框。这个lovcombo控件的特色在于它支持多选,通过复选框(checkboxes)来实现这一功能,...

    Ext中Ajax的应用

    var combo = new Ext.form.ComboBox({ fieldLabel: 'Select an Option', store: new Ext.data.SimpleStore({ proxy: new Ext.data.DWRProxy({ url: 'dwr/call/plaincall/ComboBoxManager.getOptions.js' }), ...

    EXTJS属性文档

    本文将深入探讨EXTJS的一些重要属性,包括`Ext.form.TimeField`、`Ext.form.FieldSet`、`Ext.form.DateField`和`Ext.form.ComboBox`。 首先,`Ext.form.TimeField`是EXTJS中的一个时间选择控件,用于让用户选择一个...

    Ext JS 实现建议词模糊动态搜索功能

    总结一下,实现建议词模糊动态搜索的关键在于使用`Ext.form.ComboBox`并配置其属性以连接到服务器端接口,监听用户的输入,并根据输入进行远程查询。同时,`JsonStore`用于存储和管理从服务器获取的数据。通过调整...

    Ext combobox 下拉多选框带搜索功能

    var comboBox = Ext.create('Ext.form.ComboBox', { multiSelect: true, queryMode: 'local', store: myStore, // 你的数据源 displayField: 'name', // 显示的字段 valueField: 'id', // 存储的值字段 ...

Global site tag (gtag.js) - Google Analytics