Ext ComboBox displayField 与 valueField 的不同

最新推荐文章于 2021-09-17 14:45:22 发布

husiyuan6

最新推荐文章于 2021-09-17 14:45:22 发布

阅读量1.2k

点赞数 1

文章标签： JS

本文链接：https://blog.csdn.net/husiyuan6/article/details/51727610

版权

本文介绍了ExtComboBox组件中的两个关键属性：valueField和displayField。valueField用于存储ComboBox项的实际值（如ID），而displayField则定义了展示给用户的值（如名称）。通过理解这两个属性的作用，开发者可以更好地配置ComboBox组件。

摘要由CSDN通过智能技术生成

Ext ComboBox 中有两个property，一个是valueField，另一个是displayField。

这两个属性都绑定到store的值上，valueField上的值，就是ComboBox 里的value（比如ID）；而displayField的值，则是你想在ComboBox里显示给用户看到的值（比如name），也可以与valueField上的值相同，具体与store中的data有关。

Ext 的相关链接 http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.form.ComboBox

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

husiyuan6

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

[Ext JS 3.2] 显示字段(displayfield)

oscar999的专栏

04-26

502

displayfield仅仅是用于显示的栏位，不能编辑，将其放在form 中的时候： * 不会进行验证 * 值也不会提交（使用form.getValues() 获取form里面字段属性值的时候，是不包括 displayfield的）

(19)ExtJS之Ext.form.field.Display只读文本字段

虚心求学_一点一滴

02-27

2916

JS文件： Ext.onReady(function(){ Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Display示例', width:600, frame:true, renderTo:Ext.getBody(), bodyPadding:5, items:[{ fieldLabel:'展示字段',

参与评论您还未登录，请先登录后发表或查看评论

EXTJS combox默认提交的是displayfield,不是valuefield，解决方法

cayre的专栏

05-11

3557

在用combox的提交数据的时候，提交的是displayfield，而不是valuefield，原因是用了name的属性而name属性对应的是displayfield,而hiddenName对应的则是valuefield 所以把name属性换成hiddenName，就可以解决了 1. items:[ 2. { 3. widthidth:150, 4.

Extjs combobox 多个选项的displayField相同时返回值不正确

iteye_2239的博客

08-11

338

最近碰到个combobox的问题，当combobox里面有多个相同的displayField,无论你选哪一个，只要组件失去焦点后，调用getValue()时总是返回第一个valueField, 通过debug源码，发现combobox的beforeBlur事件中调用了assertValue的方法，而问题就是出在这里，原因写在注释中： [code="java"] assertValue ...

Extjs Combobox通过Dom获取ValueField和DisplayField

东亮博客

02-16

1332

Extjs Combobox代码: 1. items:[ 2. { 3. widthidth:150, 4. layout:'form', 5. border:false, 6. items:[{fieldLabel:'站点名称', 7. xtyp

Extjs4中的Form之displayfield的使用

jcy472578的专栏

11-26

8897

只是用来展示，不能对其操作 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create("Ext.form.Panel",{ title:'本地Display实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:t

Ext中获取combobox中的valueField和displayField的值

jcy472578的专栏

12-23

1万+

Extjs代码 Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Ext.getCmp("schemaVersion").value //取到的是valueField 的值 Extjs代码 Ext.get('schemaVersion').dom.value //取到的是displayField 下拉框combo可以设置

EXTJS /取ComboBox里的文本displayField值和实际valueField值

01-20

3707

使用ComboBox时，它有一个hiddenName的属性，专门用于提交 ComboBox中valueField域中的值，（如果不配置hiddenName属性，就会把displayField的值传过去）例如：一个ComboBox的Id为IdValue，hiddenName属性的值为hiddenValue，那么，使用Ext.get('IdValue').dom.value方法获取的是ComboBox中选中项的文本displayField值，而使用 Ext.get('hiddenValue').dom.valu

ExtJS之Combobox在服务器端获取valueField及displayField

yechuxin_2009的专栏

08-02

301

var combo_course = new Ext.form.ComboBox({ fieldLabel : '课程', blankText : '请选择课程', typeAhead : true, name : 'course',// 关键，服务器端获取displayField字段值的方法：request.getParameter...

ComboBox valueField - Ext JS

laravel framework

04-20

Hi, I noticed that you are creating a hidden input and storing the valueField in that input. This works great if you will be submitting the form because you store the hiddenName. Is it possible t...

EXTJS ComboBox 获取displayField 值

heroreh的博客

07-22

688

var s_ds = new Ext.data.Store({ proxy : new Ext.data.HttpProxy({ url : url, timeout : 15000 }), autoLoad : true, reader : new Ext.data.JsonReader({}, ['id', 'longName',...

Extjs中DisplayField的日期或者数字格式化扩展

dcke31608的博客

09-01

178

在用Extjs的时候，有时需要对 Ext.form.DisplyField 进行格式化。使用 Ext.form.FormPanel 来处理数据时候，某些字段是需要只读的。当然我们可以使用 Ext.form.TextField，然后设置成 ReadOnly，不过这样子的显示效果不是很好，因为始终会有个输入框。所以我们必须使用 Ext.form.DisplayField，但是 Ext.f...

extjs 使用displayfield占位并去掉冒号

{竹子}

09-17

328

{ fieldLabel: ’ ',//显示空白 labelSeparator: ‘’,//去掉冒号 xtype: ‘displayfield’, }

Grid表中组合框显示 displayField

热门推荐

longlongbug的博客

08-17

1万+

//根据Combobox列表中对应的Id的值来渲染 function renderercombExceptionFeeding(value, p, r) { var index = dsMBomAreaCopyList.find(Ext.getCmp('txt_AutoID').valueField, value); var record = dsMBomAreaCopyList.getAt

Ext Combobox 显示valueField值不显示displayField问题

zuoluo11的博客

01-04

1530

设置Combobox值的时候，按照下链接进行设置，但是依然显示valueField值不显示displayField的值 http://blog.csdn.net/zengjian2008c/article/details/7454590 然后试着在后台设置值的时候加了一个toString(）方法，竟然好了，贴出代码前台： <ext:ComboBox ID="cboGr

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

03-25

首先，你需要创建一个ComboBox实例，指定它的配置项，如store（数据源）、displayField（显示字段）和valueField（值字段）。例如： ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...

extjs中valuefield多值_Extjs中对combobox赋值时，如何在对displayfield赋值时使其valuefield也正确赋值呢？...

weixin_39537680的博客

12-20

332

请教各位大侠，我在Extjs表单的初始化和提交中遇到了Combobox赋初值并提交的矛盾：具体细节是这样的：前提：该combox定义valueField为Id，displayField为Name，name定义为Id，后台需要...请教各位大侠，我在Extjs表单的初始化和提交中遇到了Combobox赋初值并提交的矛盾：具体细节是这样的：前提：该combox定义valueField为Id，displ...