Ext ComboBox displayField 与 valueField 的不同

最新推荐文章于 2021-09-17 14:45:22 发布
最新推荐文章于 2021-09-17 14:45:22 发布
阅读量1.1k 收藏 1
点赞数 1
文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/husiyuan6/article/details/51727610
版权

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

husiyuan6
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[Ext JS 3.2] 显示字段(displayfield)
oscar999的专栏
04-26 418
displayfield仅仅是用于显示的栏位， 不能编辑，将其放在form 中的时候： * 不会进行验证 * 值也不会提交 （使用form.getValues() 获取form里面字段属性值的时候， 是不包括 displayfield的）
EXTJS combox默认提交的是displayfield,不是valuefield，解决方法
cayre的专栏
05-11 3501
在用combox的提交数据的时候，提交的是displayfield，而不是valuefield，原因是用了name的属性 而name属性对应的是displayfield,而hiddenName对应的则是valuefield 所以把name属性换成hiddenName，就可以解决了 1. items:[ 2. { 3. widthidth:150, 4.
Extjs combobox 多个选项的displayField相同时返回值不正确
iteye_2239的博客
08-11 318
最近碰到个combobox的问题，当combobox里面有多个相同的displayField,无论你选哪一个，只要组件失去焦点后，调用getValue()时总是返回第一个valueField, 通过debug源码，发现combobox的beforeBlur事件中调用了assertValue的方法，而问题就是出在这里，原因写在注释中： [code="java"] assertValue ...
Extjs Combobox通过Dom获取ValueField和DisplayField
东亮博客
02-16 1313
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 8854
只是用来展示，不能对其操作 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的remote模式，联想功能实现
03-30
本篇我们将深入探讨“Ext comboBox的remote模式”及其联想功能的实现。 在Ext JS的comboBox中，远程模式（remote mode）是一种数据加载策略，它适用于处理大量数据或实时数据的情况。在这种模式下，comboBox不会一...
Ext combobox 下拉多选框带搜索功能
05-29
在本例中，我们将关注“Ext combobox”——一个下拉列表组件，它支持多选并集成了搜索功能。这个功能在许多数据输入场景中非常有用，比如用户需要从大量的选项中选择多个值。 首先，让我们了解`Ext combobox`的基本...
Ext4.0 动态修改ComboBox选择项(本地模式)
03-25
首先，你需要创建一个ComboBox实例，指定它的配置项，如store（数据源）、displayField（显示字段）和valueField（值字段）。例如： ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...
combobox Ext之扩展组件多选下拉框
03-22
- `store`：用于存储下拉选项的数据源，可以是数组或Ext.data.Store对象。 2. **多选事件处理**： - `select`事件：在多选模式下，当用户添加或移除选项时，这个事件会被触发。我们需要监听此事件来处理值的改变...
Extjs中DisplayField的日期或者数字格式化扩展
12-10
使用 Ext.form.FormPanel 来处理数据时候，某些字段是需要只读的。当然我们可以使用 Ext.form.TextField，然后设置成 ReadOnly，不过这样子的显示效果不是很好，因为始终会有个输入框。所以我们必须使用 Ext.form.DisplayField，但是 Ext.form.DisplayField 没有一个format的属性，也不具备 renderer 这个事件，比如日期字段 var form = new Ext.form.FormPanel({frame: true,renderTo: ‘form-div’,items: [{       xtype: ‘di
(19)ExtJS之Ext.form.field.Display只读文本字段
虚心求学_一点一滴
02-27 2891
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:'展示字段',
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 使用displayfield占位并去掉冒号
{竹子}
09-17 300
{ 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 1487
设置Combobox值的时候，按照下链接进行设置，但是依然显示valueField值不显示displayField的值 http://blog.csdn.net/zengjian2008c/article/details/7454590 然后试着在后台设置值的时候加了一个toString(）方法，竟然好了，贴出代码 前台： <ext:ComboBox ID="cboGr
ext ComboBox 不可编辑
最新发布
06-01
如果您需要 Ext ComboBox 组件不可编辑，即用户不能手动输入选项，可以将 `editable` 属性设置为 `false`。这样，用户只能通过下拉列表选择选项，而不能手动输入。 以下是一个示例代码： ```javascript Ext.create...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值