如果combo的store是SimpleStore,即数据是从当前页面获取的,那么只需将combo的value设置为想要的值,下拉框中就会显示该值对应的text。
如果combo的store是JsonStore,即数据是从后台远程获取的,那么按照上面的方法,下拉框中只能显示该value,不能显示对应的text。这是JsonStore异步加载数据造成的,可以通过如下方法来解决这个问题。
先定义一个JsonStore,
JavaScript语言: 知蚁博客 程序设计
var js = new Ext.data.JsonStore({
url: ”,
autoLoad: true,
root: ‘root’,
fields: ['k', 'v']
});
然后,在需要的地方添加如下代码,
JavaScript语言: 知蚁博客 程序设计
js.on(‘load’,function(){Ext.getCmp(‘comboid’).setValue(1);});
比如编辑某条记录时,在表单loadRecord前面添加这句代码,可以让下拉框中显示从数据库中读来的value对应的text。
原创文章请注明转载于知蚁博客,本文地址:http://www.letuknowit.com/archives/77
分享到:
相关推荐
在EasyUI中,可以通过`setValue`方法来设定Combobox的初始值。例如,如果我们要将 Combobox 的值设置为11,可以使用以下代码: ```javascript $('#xxx').combobox('setValue', 11); ``` 这里的`#xxx`是Combobox的...
在Windows编程中,`ComboBox`(组合框)是一种常见的用户界面元素,它结合了文本输入框和下拉列表的功能,允许用户通过输入或选择的方式来设定值。组合框在很多应用软件中都有广泛的应用,比如在设置选项、数据筛选...
这可能包括从数据库获取值、读取配置文件或硬编码数据。为了提高用户体验,数据应尽可能快速地加载到控件中。 4. **时间监测**:当加载大量数据时,初始化过程可能会导致明显的延迟,影响用户界面的响应速度。通过...
可以通过DefaultComboBoxModel添加元素,并通过setEditable方法控制是否允许编辑。 3. **Qt (C++)**:使用QComboBox类。添加选项使用addItem()函数,而可编辑性通过setEditable()函数设定。 4. **Web开发 ...
在本文中,我们将深入探讨一个关于VB中Combo控件输入检查和制约方法的具体实现,这将帮助开发者理解和掌握如何有效地控制用户输入,确保数据的准确性和完整性。 ### Combo控件简介 在VB编程中,Combo控件是一种...
"combo-select 模糊查询下拉框"是一个前端开发组件,主要用于提高用户在网页中进行数据选择时的交互体验。这个组件结合了下拉框和模糊查询的功能,使得用户可以通过输入关键字快速找到并选择目标选项,尤其适用于...
然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的组件,它是一个纯粹的数据容器。 在传统的创建`Ext.Store`的方法中,我们通常会这样定义一个Store: ```javascript...
动态生成Combo控件,并布局、初始化数据.在初始化里进行时间监测,由于大量初始化Combo数据普遍有延迟,进行了一定的优化。
这里定义了一个匿名函数作为过滤规则:对于每一条记录`record`,获取其指定字段(`displayField`)的值,并检查该值是否包含`value`。如果是,则该记录满足条件,会被保留下来;否则会被过滤掉。 - 最后调用`combo....
"Text1.Text = Combo1.List(4)" 这一行代码是VB6.0中的典型用法,它展示了如何与组合框进行交互并处理其数据。我们来详细解析一下: 1. **Text1.Text**: `Text`属性是VB6.0中标签(Label)或文本框(TextBox)控件...
开发者可以通过Ajax请求获取数据,然后使用插件的API方法更新下拉列表,确保用户看到的是最新、最完整的选项。 需要注意的是,尽管jQuery-ComboSelect提供了许多便利,但在实际项目中,开发者仍需关注性能问题。...
2. **Combobox配置**:为Combobox配置`queryMode`为`remote`,这意味着Combobox将在用户输入时向服务器发送请求,以获取匹配的数据。同时,关联这个Store。 ```javascript var comboBox = Ext.create('Ext.form....
5. **易用性**:通过简单的jQuery选择器和方法调用即可实现,如`$('select').comboSelect()`,使得集成到现有项目中非常便捷。 ### 使用步骤 1. **引入资源**:首先在HTML文件中引入jQuery库和`Combo Select`插件...
标题“COMBO下拉框自动变宽”涉及到一个功能,即让COMBO Box的宽度根据其中显示的内容动态调整,以确保所有文本都能完全可见,而不会被截断。这种功能在设计用户界面时非常实用,因为它提供了更好的可读性和用户体验...
xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法
本文将深入探讨jQuery combo-select的实现原理、使用方法以及如何自定义扩展。 一、jQuery combo-select的原理 jQuery combo-select通常由两部分构成:一个下拉列表(select)和一个文本输入框(input)。当用户...
# 使用findChild()方法获取控件 self.combo_box = self.findChild(QComboBox, "myComboBox") # 输出控件信息 if self.combo_box is not None: print("找到控件:", self.combo_box.objectName()) else: print...
定义一个store设置id为s1的容器的默认值是 第一季度 代码如下: var gjcx1 = new Ext.data.Store({ autoLoad:true, model : commemModel, proxy : { type : ‘ajax’, url : ‘../store/cxjd.json’ }, listeners :{...
- 可以通过`GetCurSel`方法获取当前选中的项的索引。 ```cpp int GetCurrentSelection() { return ((CComboBox*)GetDlgItem(IDC_COMBO_CF))->GetCurSel(); // 获取当前选中项的索引 } ``` 2. **设置当前选中...
**jQuery Combo下拉框示例详解** 在网页开发中,下拉框(Dropdown List)是一种常用的用户界面元素,用于提供用户选择多个预定义选项。jQuery ComboJS是一个轻量级的库,专门用于创建功能丰富的下拉框组件。它以其...