缘由:在基于Ext构建的表单(form)中使用了Combobox组件,提交时使用hiddenName方式,后台可接收到所选的valueField值,实现保存功能。
问题:在修改页面中须将值回填到combobox中,但combobox显示的是valueField值而不是displayField值。解决的办法是在combobox的store中添加listener回填显示值。
解决问题所添加代码:
listeners: {
load: function() {
typeCombo.setValue(typeCombo.getValue());
}
}
完整代码:
var typeStore = new Ext.data.JsonStore({
url: 'systemParmsProvider.do?type=DATA_TABLE_TYPE_LIST',
fields: ['codeValue', 'codeLabel'],
listeners: {
load: function() {
typeCombo.setValue(typeCombo.getValue());
}
}
});
typeStore.setDefaultSort('codeValue');
var typeCombo = new Ext.form.ComboBox({
store: typeStore,
fieldLabel: '类型',
displayField: 'codeLabel',
valueField: 'codeValue',
name: 'type',
hiddenName: 'type',
typeAhead: true,
emptyText:'请选择数据表类型...',
mode: 'local',
triggerAction: 'all',
selectOnFocus: true,
editable: false,
anchor:'95%'
});
typeStore.load();
希望对大家能有所帮助,tks
分享到:
相关推荐
用EXT来实现下拉框ComboBox 下拉框可以实现分页
EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...
首先,你需要创建一个ComboBox实例,指定它的配置项,如store(数据源)、displayField(显示字段)和valueField(值字段)。例如: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
Combobox是Ext JS中的一种表单字段类型,它结合了文本输入框和下拉列表的功能。用户可以在输入框中手动输入文本,也可以点击下拉箭头来选择列表中的一个选项。Combobox的核心功能包括自动完成、过滤、分页等,使得...
ComboBox是Ext中的一种控件,它结合了文本输入框和下拉列表。用户可以手动输入文本,也可以从下拉列表中选择一个选项。在本例中,ComboBox将用于省份的选择,当用户选择一个省份时,城市列表会根据所选省份动态更新...
在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的是一个特别的ComboBox实现,它不仅允许用户从下拉列表中选择多个选项,还具备搜索功能,使得用户可以更高效地找到他们想要的选择项。 ComboBox在...
该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有
vb.net的winform(windows窗体)开发中,实现组合框ComboBox显示值与返回值不同的几种方法(里面有5种方法哟),在VB.net2010上编译通过,绝对可以运行,希望能给初学都以帮助,里面有详细解释加说明。觉得写得好的,请加...
- **`valueField`与`displayField`**:`valueField`定义了存储在`ComboBox`中实际值的字段名,而`displayField`定义了显示在`ComboBox`中的文本字段名。在`EditGrid`中,这两个字段必须与网格列数据源中的字段对应,...
Ext中的Combobox下来框在EditGrid中的应用。Combobox显示值问题得以解决。
在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则用于展示大量数据并进行编辑和操作。ComboboxGrid将这两者融合,使得用户可以在输入框中输入关键字搜索,同时下拉展示匹配的网格数据,便于多维度筛选...
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...
在Ext JS的comboBox中,远程模式(remote mode)是一种数据加载策略,它适用于处理大量数据或实时数据的情况。在这种模式下,comboBox不会一次性加载所有选项,而是根据用户输入的关键词动态地向服务器发送请求,...
标题“显示多列的ComboBox”涉及到一个常见的需求,即如何在一个下拉列表中展示多列数据,以便用户能更直观、全面地了解选项。这种扩展的ComboBox通常用于显示复杂的数据结构,例如数据库中的表格记录。 在传统的...
- 如果需要在下拉列表中显示复选框,可以使用`checkboxSelectionModel`作为列表的`selModel`,并根据需要配置相关属性,如`showHeader`(是否显示列头,列头中包含复选框)。 5. **值的管理**: - `value`:多选...
然而,有时候我们可能需要在ComboBox中不仅显示文本,还需要显示复选框,以便用户可以选择多个选项。这种功能可以增强用户界面的交互性,使得多选操作更加直观。本文将详细探讨如何在C#的ComboBox中实现显示复选框的...
为了在ComboBox中同时显示图标和文本,我们需要自定义控件或使用第三方库。下面我们将详细探讨如何在C#中实现这个功能,以VS2008工程为例。 首先,我们需要创建一个自定义的ComboBox类,继承自System.Windows.Forms...
本项目展示了如何将枚举类型绑定到WPF的ComboBox控件,使得枚举值能够在UI中方便地展示和交互。 首先,枚举(Enum)在C#中是一种强大的工具,用于定义一组相关的常量。它们有助于提高代码的可读性和可维护性。例如...