`

EXT JS ComboBox 获得值的方式

 
阅读更多
{
// 						store:new Ext.data.SimpleStore({
// 							fields:['parentId','dictName'],
// 							data:[['1','宋体'],['2','楷体'],['3','魏碑'],['4','黑体']]
// 						}),
						fieldLabel:'父节点',
						xtype:'combo',
						triggerAction:'all',
					//	hiddenName:"aaa", 
					//	valueField:'parentId',
						id:'key',
						displayField:'dictName',
						//mode:'local',
						name:'key',
						//hiddenName:"parentId",	//当数据为本地数据的时候,可以通过键值对来获得下拉框的值,远程暂时没有解决方案
						
// 						//远程调用,查询到数据库中的数据,然后显示
						store:rankData = new Ext.data.JsonStore({  
							root:'list',
				            proxy : new Ext.data.HttpProxy({  
		                        url : 'dictparent.action'  
		                    }),  
		                    fields:['dictName','id']
		        		}) ,
		        		 listeners : {
	                           scope : this,                          
	                           'select' : function(combo, record, index ) {
	                                    alert(Ext.util.JSON.encode(record.data.dictName) );   
	                                    alert(Ext.util.JSON.encode(record.data.id));
	                                   // Ext.getCmp('key').setValue(Ext.util.JSON.encode(record.data.id));
	                            }
		        		 }
					}


在ComboBox中如果数据为远程的取得的话,且数据为(key ,value)的方式显示的话,那么使用传统的方式是无法取得key的数据的。
这时需要我们自己在comboBox中处理下,此处加上select事件,然后强制设置comboBox的值即可!
分享到:
评论

相关推荐

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

    Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到如何利用Store来存储数据,并通过JavaScript的事件处理机制实现联动效果。 首先,理解...

    Ext组合框comboBox带分页

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

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

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套丰富的组件,包括各种类型的输入控件,如ComboBox。在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的...

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

    Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,...

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

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,其中包括comboBox(下拉框)组件,用于创建可搜索、可选择的列表。本篇我们将深入探讨“Ext comboBox...

    Ext ComboboxGrid

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

    Ext带图标Combobox

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

    EXT2_combobox_form.rar_combobox ext_ext

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

    Ext ComBobox 附带完整附件

    Ext ComBobox是一款基于JavaScript库Ext JS开发的下拉组合框组件,它为用户界面提供了一种高效、灵活且功能丰富的选择输入方式。这个组件通常用于在网页应用中实现复杂的数据选择,比如从一个长列表中选取一项或者...

    Ext2.0本地模式动态修改combobox选择项

    标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...

    用Ext 2_0 combobox 做的省份和城市联动选择框 DOJO中国

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、面板、菜单等,其中Combobox(组合框)是常用于创建下拉列表的选择框。在本...

    Ext多选下拉框

    在Ext JS这个强大的JavaScript框架中,多选下拉框(Multi Select ComboBox)是一种常见的组件,用于提供用户在多个选项中进行选择的功能。这种组件在数据输入、筛选或配置设置等场景中非常实用。本篇文章将深入探讨...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    extjs的ComboBox 2级联动

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

    EXT_JS实例,官方实例

    EXT_JS是一种基于JavaScript的开源富客户端框架,专为构建交互式、数据驱动的Web应用程序而设计。EXT JS的核心是EXT Core,它提供了一套高级的DOM操作和事件处理功能。EXT JS实例通常包括一系列预定义的组件、布局、...

    ExtJS Combobox二级联动列子

    1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:指两个或多个Combobox之间存在依赖关系,当一个Combobox的值改变时,另一个...

    extjs editgrid combobox 回显

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

Global site tag (gtag.js) - Google Analytics