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

最新推荐文章于 2018-04-02 17:14:00 发布

didiaodezhu

最新推荐文章于 2018-04-02 17:14:00 发布

阅读量1.8k

点赞数

分类专栏： extjs 文章标签： extjs 服务器

本文链接：https://blog.youkuaiyun.com/didiaodezhu/article/details/5092703

版权

extjs 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了解决ExtJS中ComboBox在表单提交时显示值而非value值的问题。通过将name属性改为hiddenName，可以确保服务器接收到的是所需的value值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在ExtJS使用 Combobox时：

Javacript代码

Ext.form.ComboBox({
name: 'userOut',
triggerAction: 'all',
mode: 'local',
valueField: 'value',
displayField: 'text',
store: userStore,
allowBlank: false,
readOnly: true
})

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值提交给服务器