`
risemanjavaeye
  • 浏览: 9961 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext comboBox 值回填、手动设置value时要注意的地方

阅读更多
有时需要使用一个旧值填写到一个comboBox 表单中,可以使用basicform的setValues()方法和comboBox 的setValue()方法,但是有一个问题,设置后,comboBox 的value是对了,但一般来说,我们并想显示这个值,而是显示与这个值相关标签。当数据源是本地数据源时,这个问题不会出现。当数据源是远程,也就是从服务器端取数据时会有这个问题。先看一下如下的代码

var formP = new Ext.form.FormPanel({
  items:[
      {fieldLabel:'aaaa',name:'mb'},
      new Ext.form.ComboBox({
         name:'ab',
         hiddenName:'ab',
         valueField:'value',
         displayField:'key',
        typeAhead:true,mode:'remote',
         store:new Ext.data.SimpleStore  ({
                autoLoad:true,
                url:getdata.jsp',
                fields:['key','value'] 
                })       
       })
      ]
})
formP.setValues([id:'ab',value:'11']); 

上面的代码会有问题,但是如果把最后一行代码用一个按扭来触发,这样能达到我们要的效果,大家可以试一下,原因就是store是异步工作的,当formP.setValues([id:'ab',value:'11']); 执行时,sotre还没有完全加载,这才是根本的原因。知道这点后就能解决我们前面遇到的问题了。
分享到:
评论

相关推荐

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

    在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的是一个特别的ComboBox实现,它不仅允许用户从下拉列表中选择多个选项,还具备搜索功能,使得用户可以更高效地找到他们想要的选择项。 ComboBox在...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    Ext ComboboxGrid

    "Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...

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

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

    Ext comboBox的remote模式,联想功能实现

    本篇我们将深入探讨“Ext comboBox的remote模式”及其联想功能的实现。 在Ext JS的comboBox中,远程模式(remote mode)是一种数据加载策略,它适用于处理大量数据或实时数据的情况。在这种模式下,comboBox不会一...

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

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

    combobox Ext之扩展组件多选下拉框

    - `value`:多选时,值通常是一个数组,包含了所有选中项的值。 - `getValue()`和`setValue(values)`方法用于获取和设置多选值。 6. **用户交互优化**: - 可以通过`minWidth`和`maxHeight`设置下拉列表的最小...

    Ext ComBobox 附带完整附件

    2. **数据绑定**:Ext JS支持数据绑定,这意味着ComBobox的选项可以直接与后台数据源关联,当数据源发生变化时,组合框会自动更新,反之亦然。 3. **模板和渲染**:DmaComboBox.js可能包含了自定义的模板和渲染逻辑...

    Ext组合框comboBox带分页

    用EXT来实现下拉框ComboBox 下拉框可以实现分页

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    EXT2_combobox_form.rar_combobox ext_ext

    EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...

    extjs的ComboBox 2级联动

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

    Ext带图标Combobox

    而"Ext带图标Combobox"(Ext IconCombobox)是Ext JS中的一个特色组件,它是Combobox(下拉框)与图标相结合的一种扩展形式,为用户提供了更加直观且美观的交互体验。 **1. Ext Combobox基础** 首先,我们需要了解...

    Ext 组合框 ComboBox 参数详解

    该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有

    datagridviw中加可手动输入的combobox

    综上所述,要在`DataGridView`中实现可手动输入的`ComboBox`,主要涉及添加`ComboBox`列、设置数据源、开启编辑模式、处理用户输入以及保存和恢复状态。这个功能增强了用户交互性,为数据输入提供了更多灵活性。通过...

    combobox设置默认选项

    ZK中combobox的设置,combobox默认选项的设置,

    xpages的comboBox可以手动输入

    xpages的comboBox要求能手动输入值,这个非常实用的方法

Global site tag (gtag.js) - Google Analytics