`
kowen
  • 浏览: 113692 次
  • 性别: Icon_minigender_1
  • 来自: 东营
社区版块
存档分类
最新评论

解决ExtJS Combobox在form提交显示值问题

    博客分类:
  • ext
EXT 
阅读更多
在ExtJS使用Combobox时:
Ext.form.ComboBox({

	name: 'userOut',

	triggerAction: 'all',

	mode: 'local',

	valueField: 'value',

	displayField: 'text',

	store: userStore,

	allowBlank: false,

	readOnly: true

})



类似这样的情况,当使用form.getForm().submit()方式提交时,服务器得到的请求字段中userOut的值总是combobox实际显示的值,也就是displayField:'text'的值,如果这样,到后台处理时就需要对这个值进行解码,造成了不必要的麻烦,实际上我需要的是选择项的value值。

解决方法:将name属性修改为hiddenName,便会将value值提交给服务器

分享到:
评论
3 楼 yjdgtg 2011-09-22  
找了半天,谢谢分享。
2 楼 lvhjean 2011-01-20  
发个贴不容易啊。还要做小测验。
正题:
问下。你的extjs-combo;store:[[...],[...]]数据是否一直存在?
我的代码:
xtype :'combo',
fieldLabel :'职务类型',
name :'entity.type',
editable: false,//不允许输入
store:[['','选择'],['0','初级职称'],['1','中级职称'],['2','副高级职称'],['3','高级职称']],
hiddenName:'entity.type',
triggerAction:"all"

这段代码。页面初始化是store有所有选项,在form。submit()之后.combo没有显示store的数据。
谢谢。
1 楼 surpass_li 2009-09-02  
终于找到解决的办法了,谢谢分享.这个问题困挠我好久了

相关推荐

    extjs editgrid combobox 回显

    extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显

    在combobox控件中添加图标

    首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;

    ExtJS PropertyGrid中使用Combobox选择值问题

    在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值

    Extjs让combobox写起来简洁又漂亮

    也已经写了很久时间的extjs ,每次都用到很多的combobox,配置很多东西觉得实在是太麻烦,所以根据常用到的情况写了一个简便的combobox,再次记录下来,以免放在某个地方忘记了找不到了。 定义一个基本的...

    extjs中grid中嵌入动态combobox的应用

    combobox定义 combobox 中的id必须要有,后面要跟据id取combobox值。 代码如下: var comboBox = new Ext.form.ComboBox({ id : “cb”, //必须有 typeAhead : true, readOnly : true, allowBlank : false, autoScro

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用

    ExtJSWeb应用程序开发指南(第2版)

    4.1.12 Ext.form.field.ComboBox组合框 4.1.13 Ext.form.field.Time时间选择框 4.1.14 Ext.form.field.Date日期选择框 4.1.15 Ext.form.field.Hidden隐藏字段 4.1.16 Ext.form.field.HtmlEditor编辑器字段 ...

    轻松搞定Extjs_原创

    这是我花费数月写的关于Extjs的原创教程,共29个章节。下面是目录: 目 录 1 第一章:序 6 第二章:准备与资源 9 一、下载 9 二、拦路虎 9 三、布署环境 11 四、SpketIDE 12 五、资源 16 六、小结 16 第三章:Ext ...

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...

    extjs4带全选复选框的下列表(有bug)

    1、解压,进入extjs4.2.1\examples\form,浏览器打开 hbox-form.html 文件,当我勾选中任意一个多选下拉框,然后再勾选‘ALL’时,‘ALL’却是不被选中的状态,且...extjs4.2.1\examples\form\MultipleComboBox.js

    ExtJS入门教程(超级详细)

    53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....

    Extjs中ComboBoxTree实现的下拉框树效果(自写)

    最近涉及到的一个项目中,需要实现ComboBoxTree的效果,首先,看看效果吧…… 在Extjs中是没有这种效果的,所以得自己写,在网络上看了看别人的资料,自己再总结了一下,修改了一下,代码如下: 代码如下: Ext.ux....

    EXTJS 学习笔片段1

    EXTJS 学习笔片段1 Form ComboBox 远程ComboBox 替代页面上已经存在的Select控件 Grid EditorGridPanel 使用本地store Toolbar工具菜单创建 分页工具栏创建 Window 弹出处理window窗口(模态窗口) ...

    ExtJsCustomComponent:ExtJs自定义组件

    SearchComboBox: 扩展ExtJs4的combobox控件,当输入框改变时就会向后台发送请求,展现数据。TreeField: 扩展ExtJs4的Ext.form.field.Picker类,当点击下拉框时,异步加载树形结构数据的所有层级,需要后台提供树形...

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

    new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', ...

    自定义ExtJS控件之下拉树和下拉表格附

    下面是下拉树的代码: 代码如下: Ext.define(‘ComboTreeBox’,{ extend : ‘Ext.form.field.ComboBox’, multiSelect : true, createPicker : function(){ var me = this; //创建树控件 var picker = Ext.create(...

    非常好的gwt-ext培训教程

    它扩展了 GWT,在 ExtJs 的基础上实现了有排序功能的表格(Grid)、分页、过滤,支持有拖拽功能的树,高度可定制的组合下拉框(Combobox)、目录、对话框、表单(Form)以及功能丰富、强大且易用的 API。 GWT-Ext ...

    ext-2.2.zip

    在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 体验例子见:http://extjs.com/deploy/dev/examples/form/file-upload.html 2、GMapPanel GMap扩展 体验...

    EXT教程EXT用大量的实例演示Ext实例

    4.6. form提交数据的三重门 4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证...

    Ext 开发指南 学习资料

    说在前头的 1. 闪烁吧!看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到...

Global site tag (gtag.js) - Google Analytics