`

Extjs中的ComboBox在加载时默认选中值的问题的解决办法。

阅读更多

问题场景:在Extjs中的ComboBox的默认值使用value属性时,不会自动关联到text,并显示text值。

 

问题原因:由于ComboBox的store的异步加载引起。

 

解决:在ComboBox中的store的load事件中再通过combo.setValue(id值)方法,就能解决该问题。不过会有一点点延迟。

代码:

        sectionStore.on('load', function() {
            combo.setValue(1);
        });
6
1
分享到:
评论
1 楼 javaAlpha 2009-11-13  
遇到类似的问题了,解决之

相关推荐

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    extjs4.2 分页combo动态条数 源码

    在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...

    extjs4 实现下拉树并支持复选

    在EXTJS4中,实现一个下拉树(Combobox Tree)并支持多选和复选功能,主要是通过自定义组件(Ext.define)来完成的。这个组件继承自EXTJS的Picker字段(Ext.form.field.Picker),并添加了树形结构和复选功能。以下...

    extjs多选下拉框

    在ExtJS中,ComboBox是提供下拉选择功能的基础组件,但默认情况下,ComboBox仅支持单选。要实现多选,我们需要对其进行扩展或利用现有的多选扩展插件。 1. **多选模式**: 在ExtJS中,我们可以通过设置`...

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    在本教程中,我们将深入探讨ExtJS中的"RemoteCheckboxGroup",这是一个用于处理远程数据源的动态复选框组件。这个组件通常用于显示从服务器获取的动态选项,它允许用户根据需要选择或取消选择多个选项,同时将这些...

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

    在ExtJS中,为了实现一个具有下拉树结构的ComboBox,即ComboBoxTree,通常需要自定义组件,因为原生的ExtJS库并不直接提供这样的功能。以下是对标题和描述中所述知识点的详细解释: 1. **自定义组件**: 在ExtJS中...

    ext多选下拉列表的全选功能实现

    同时,还需要更新MultiComboBox的值(value),以便在提交表单时能正确地传递所有选中的值。 5. **全取消功能**:除了全选,通常还需要提供一个全取消功能,一键清除所有已选择的项。这与全选逻辑类似,只是将`...

    extjs editgrid 回显问题.rar

    升级到最新稳定版本可能有助于解决问题。 解决回显问题通常需要结合代码调试和日志分析,逐步定位问题所在。如果你已经尝试了上述建议但问题依然存在,可能需要进一步查看具体代码以找出更深层次的原因。同时,查阅...

    Extjs4 Combox tree

    ExtJS4中的ComboxTree是一种将下拉列表与树形结构结合的组件,它扩展了标准的ComboBox,提供了更丰富的用户交互体验。这种组件在数据展示和选择时特别有用,尤其是在处理具有层级关系的数据时,比如部门结构、地区...

    Extjs ComboBoxTree 下拉树组件

    在ExtJS中,ComboBox是常见的选择控件,用于展示可选项的下拉列表。然而,当需求不仅仅是简单的文本选择,而是需要层级结构的数据展示时,比如树形结构,这时就出现了ComboBoxTree——一个结合了下拉框和树形结构的...

    extjs和struts的技术结合

    7. **formPanel加载数据**:在formPanel中加载数据时,如果包含combobox等下拉列表,需要处理好数据绑定和默认值设置。 8. **动态显示时间**:ExtJS可以实时更新页面上的时间,提供动态的时间显示功能,常用于实时...

    extjs控件属性

    - loadingText:加载数据时的提示信息,仅在mode='remote'时显示。 - maxHeight:下拉列表的最大高度,默认为300像素。 - minChars:触发自动选择之前用户需要输入的最小字符数,mode='remote'默认为4,mode='...

    extjs下拉树

    在ExtJS中,下拉树是通过`Ext.form.field.Tree`类实现的,它继承自`Ext.form.field.ComboBox`,增加了树状结构的功能。`ComboTree.js`可能就是实现了这个功能的JavaScript文件,包含了一些定制化的代码或扩展。 ...

    Ext下拉列表扩展lovcombo

    在EXTJS这个强大的JavaScript框架中,开发者经常需要创建各种用户界面元素,其中之一就是下拉列表。EXT下拉列表扩展LOVCombo(LovCombo)是一种特殊类型的下拉列表,它不仅提供传统的单选选项,还支持多选,通过复选...

    ExtJs使用过程中积攒的一些东西

    在使用ExtJs开发Web应用程序时,经常会遇到各种各样的组件和布局需求。下面是一些关于ExtJs使用的基础知识和常见技巧。 1. **基础布局**: - 引入文件:ExtJs的使用首先需要引入相应的CSS样式表和JavaScript库。`...

    Extjs 几个方法的讨论

    在EXTJS开发中,我们经常会遇到创建和操作组件的情况,特别是在构建表单时。这里讨论的是关于`Ext.form.FormPanel`、`Ext.data.SimpleStore`以及`Ext....在实际项目中,遇到类似问题时,可以参考上述分析来解决问题。

    Extjs4学习指南

    - **项目创建**:在MyEclipse中新建一个Web项目,命名为“Extjs4”。 - **资源导入**:将Extjs 4.0.7压缩包解压后,将所有文件复制到项目WebRoot目录下。 - **部署与测试**:部署并启动Tomcat服务器,访问`...

    extjsCombo下拉框多选

    在ExtJS原生的Combo组件中,它默认只支持单选。为了实现多选,我们需要对其进行扩展,创建一个MultiCombox组件。描述中提到的“含源代码”意味着我们可以通过查看和理解这些代码来学习如何自定义ExtJS的Combo组件以...

    extjs帮助文档pdf版

    - `Ext.String.format()`: 使用占位符替换字符串中的值。 - `Ext.String.trim(string)`: 删除字符串两端的空白字符。 #### 5. Date 类 (P.5) - **概述**:提供了日期和时间相关的操作方法。 - **常用方法**: - ...

Global site tag (gtag.js) - Google Analytics