`

Ext表单中的combobox回填显示值问题

EXT 
阅读更多
缘由:在基于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
分享到:
评论
5 楼 maidou80 2014-02-28  
的确有帮助  3Q
4 楼 blair3325980 2013-07-10  
非常感谢你!找了好久了!就你是对的!!
3 楼 playerljc 2011-09-15  
好用,不错啊,找了很多就这个好用
2 楼 lanbinsong 2009-03-16  
我用了这个方法,好像没有用, 回填回来组合框显示的值还是 valueDisplay 的值, 不知道是什么原因
1 楼 samofweb 2009-03-05  
Quite Good !

相关推荐

    Ext组合框comboBox带分页

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

    EXT2_combobox_form.rar_combobox ext_ext

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

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

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

    ext combobox二级联动

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

    Ext带图标Combobox

    Combobox是Ext JS中的一种表单字段类型,它结合了文本输入框和下拉列表的功能。用户可以在输入框中手动输入文本,也可以点击下拉箭头来选择列表中的一个选项。Combobox的核心功能包括自动完成、过滤、分页等,使得...

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

    ComboBox是Ext中的一种控件,它结合了文本输入框和下拉列表。用户可以手动输入文本,也可以从下拉列表中选择一个选项。在本例中,ComboBox将用于省份的选择,当用户选择一个省份时,城市列表会根据所选省份动态更新...

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

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

    Ext 组合框 ComboBox 参数详解

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

    vb.net中组合框ComboBox实现显示值与返回值不同的几种方法

    vb.net的winform(windows窗体)开发中,实现组合框ComboBox显示值与返回值不同的几种方法(里面有5种方法哟),在VB.net2010上编译通过,绝对可以运行,希望能给初学都以帮助,里面有详细解释加说明。觉得写得好的,请加...

    extjs editgrid combobox 回显

    - **`valueField`与`displayField`**:`valueField`定义了存储在`ComboBox`中实际值的字段名,而`displayField`定义了显示在`ComboBox`中的文本字段名。在`EditGrid`中,这两个字段必须与网格列数据源中的字段对应,...

    Ext->editgrid+combobox

    Ext中的Combobox下来框在EditGrid中的应用。Combobox显示值问题得以解决。

    Ext ComboboxGrid

    在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则用于展示大量数据并进行编辑和操作。ComboboxGrid将这两者融合,使得用户可以在输入框中输入关键字搜索,同时下拉展示匹配的网格数据,便于多维度筛选...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...

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

    在Ext JS的comboBox中,远程模式(remote mode)是一种数据加载策略,它适用于处理大量数据或实时数据的情况。在这种模式下,comboBox不会一次性加载所有选项,而是根据用户输入的关键词动态地向服务器发送请求,...

    显示多列的combobox

    标题“显示多列的ComboBox”涉及到一个常见的需求,即如何在一个下拉列表中展示多列数据,以便用户能更直观、全面地了解选项。这种扩展的ComboBox通常用于显示复杂的数据结构,例如数据库中的表格记录。 在传统的...

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

    - 如果需要在下拉列表中显示复选框,可以使用`checkboxSelectionModel`作为列表的`selModel`,并根据需要配置相关属性,如`showHeader`(是否显示列头,列头中包含复选框)。 5. **值的管理**: - `value`:多选...

    C# combobox里面显示checkbox

    然而,有时候我们可能需要在ComboBox中不仅显示文本,还需要显示复选框,以便用户可以选择多个选项。这种功能可以增强用户界面的交互性,使得多选操作更加直观。本文将详细探讨如何在C#的ComboBox中实现显示复选框的...

    C#中实现在combobox显示图标

    为了在ComboBox中同时显示图标和文本,我们需要自定义控件或使用第三方库。下面我们将详细探讨如何在C#中实现这个功能,以VS2008工程为例。 首先,我们需要创建一个自定义的ComboBox类,继承自System.Windows.Forms...

    在wpf中把枚举显示在combobox中

    本项目展示了如何将枚举类型绑定到WPF的ComboBox控件,使得枚举值能够在UI中方便地展示和交互。 首先,枚举(Enum)在C#中是一种强大的工具,用于定义一组相关的常量。它们有助于提高代码的可读性和可维护性。例如...

Global site tag (gtag.js) - Google Analytics