`
GaoJimmy
  • 浏览: 100858 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
社区版块
存档分类
最新评论

得到comboBox值的问题

阅读更多
得到comboBox的值有3种方法:
1、comboBox.getValue() 得到的是valueField
2、comboBox.getRawValue() 得到的displayField
3、form.getForm().getValues().若combo设置了hiddenName这个ConfigOption,得到的是valueField;否则得到的是displayField。
示例:
<html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
  <script type="text/javascript" src="./ext-base.js"></script>
  <script type="text/javascript" src="./ext-all.js"></script>
  <link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css"/>
  <script type="text/javascript">
   Ext.onReady(function(){
	var form=new Ext.form.FormPanel({
		title:"test",
		width:500,
		height:500,
		renderTo:"aaa",
		items:[
			{
				xtype:'combo',
				fieldLabel:"性别",
				store:new Ext.data.JsonStore({
					data:{data:[
                                         {id:"female",value:"女"}, {id:"male",value:"男"}]},
					root:"data",
					fields:["id","value"]
				}),
				displayField:"value",
				valueField:"id",
				mode:"local",
				id:"cmb",
				triggerAction:"all"
			}		
		],
		buttons:[
			{text:"getRawValue",handler:function(){alert(Ext.getCmp("cmb").getRawValue());}},
			{text:"getValue",handler:function(){alert(Ext.getCmp("cmb").getValue());}},
			{text:"getValues",handler:function(){alert(form.getForm().getValues().toSource());}},
		]
	})
})
			
		</script>
	</head>  
	<body>
		<div id="aaa">
		</div>   
	</body>  
</html>
分享到:
评论

相关推荐

    选择一个选项后可以返回一个值的ComboBox

    用法举例:从数据表中name字段写入VALComboBox的items,id字段写入VALComboBox的values,当从VALComboBox选择一个选项后,就可以从value属性获得相应的ID值,或者写value的值为某ID值,VALComboBox将定位在相应的选项...

    Delphi在stringGrid控件中嵌入Combobox下拉框

    这可以通过计算StringGrid的CellRect方法得到。同时,设置其Parent属性为StringGrid,这样Combobox就会出现在Grid的相应位置。 4. **处理交互**:在Combobox的OnDropDown事件中,可以设置其可见性,使其只在需要时...

    C# winforms ComboBox 重绘

    例如,使用`Control.Enabled`属性判断控件是否启用,`Control.Focused`判断是否获得焦点。 4. **子项绘制** 如果需要对ComboBox的下拉列表中的每一项进行定制,可以重写`DrawItem`事件。在这个事件处理程序中,你...

    WinForm中comboBox控件数据绑定实现方法

    这样我们就可以直接获得值和显示的内容了。 Dictionary Dictionary也可以用来实现comboBox控件数据绑定,但是需要借助类BindingSource来完成绑定。例如: ```csharp Dictionary, string&gt; kvDictonary = new ...

    使用ComboBox选择查看图层字段属性值.rar

    在这个"使用ComboBox选择查看图层字段属性值"的示例中,我们聚焦于如何利用ComboBox来交互式地查看地图图层中的不同字段及其对应的属性值。 ComboBox的主要功能是展示一系列的选项,用户可以从中选择一个,通常在...

    C#comboBox简单实例

    在这个例子中,`comboBox1`将显示`Option`对象的`Name`属性,而当你获取选中项时,会得到对应的`Value`。 此外,`comboBox`还可以设置为下拉列表或下拉框样式。下拉列表只显示当前选中的项,而下拉框则始终显示所有...

    Combobox加强版II

    功能:比如有操作员表:编码:0001 名称:小王 当用combobx加载数据的时候,一般的combobox只能加载“名称”,编码还得另想办法得到。我在combobox中加了可以记录编码的功能。通过设置新加的CodeToValue属性值,当...

    MFC中ComboBox组合框的使用

    例如,要查找并选中"某个值",可以写成`m_cbExample.SelectString(-1, "某个值");` 对于删除ComboBox中的项,`DeleteString()`函数可以按索引删除一个项目,而`ResetContent()`函数则会清除所有项。 为了控制...

    ComboBox 绑定数据库

    7. **设置值成员**:如果还需要在`ComboBox`选择改变时获取关联的数据库主键或其他标识字段,可以设置`ValueMember`属性。这样,当用户做出选择时,可以通过`SelectedValue`属性获取选定项的值。 8. **刷新显示**:...

    MFC_ComboBox的使用完整版

    如果没有选定任何项,则返回`CB_ERR` 值(-1)。 ```cpp int nIndex = m_cbExample.GetCurSel(); ``` **2. 获取选定项的文本** 一旦获得了选定项的索引,就可以使用`GetLBText` 方法获取对应的文本内容。 ```cpp...

    domino xpags开发combobox可手动输入

    ComboBox结合了下拉列表与文本输入框的功能,让用户既可以快速选择已定义的选项,也能自由输入新的值。以下将详细讲解如何实现这个功能。 首先,为了在XPage上使用dojo的ComboBox,我们需要在页面的资源部分引用...

    combobox 下拉多选框带搜索功能

    在IT领域,尤其是在Web开发中,"Combobox"或下拉多选框是一种常见的交互元素,它结合了输入框和下拉列表的功能,允许用户在预定义的选项中选择一个或多个值。当这个组件增加了搜索功能时,用户体验将得到显著提升,...

    DevExpress中的repositoryItemComboBox控件得到索引值和选项值

    本篇文章将深入探讨如何在DevExpress中使用repositoryItemComboBox控件获取索引值和选项值。 首先,RepositoryItemComboBox是DevExpress提供的一个容器项,它可以被添加到多种编辑器(如ComboBoxEdit、...

    ComboBox 自动调整组合框下拉部分的宽度

    2. **设置`ComboBox`的`DropDownWidth`属性**:将计算得到的最大宽度赋值给`ComboBox`的`DropDownWidth`属性,这样当`ComboBox`展开时,其宽度就会根据最长的列表项进行自适应。 3. **更新`ComboBox`的客户端大小**...

    ComboBox控件

    #### 六、ComboBox控件的常见问题及解决方法 1. **如何清空ComboBox中的所有项**: - 可以使用`ResetContent()`方法来清空ComboBox中的所有项。 2. **如何获取ComboBox中选定的项**: - 使用`GetCurSel()`方法...

    pyqt5 comboBox获得下标、文本和事件选中函数的方法

    以上这篇pyqt5 comboBox获得下标、文本和事件选中函数的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 您可能感兴趣的文章:PyQt5 加载图片和文本文件的实例pyqt5 ...

    cxLookupComboBoxEx.rar_Delphi Combobox_combobox delphi_cxlookup_

    `ComboBox`是Delphi中一个基础的下拉列表控件,它允许用户在文本输入框中选择或输入值。然而,`cxLookupComboBoxEx` 提供了更多进阶特性,如: 1. **查找功能**:`cxLookupComboBoxEx`支持快速查找功能,用户可以...

    JQueryEasyUI框架下的combobox的取值和绑定的方法

    使用getText()方法可以得到用户选择的文本,而getValue()方法则用来获取用户选择的值。 ```javascript var adminname = $("#cmbName").combobox("getText"); // 获取选中的文本 var adminid = $("#cmbName")....

    SWT combobox 联动菜单

    用eclipse的SWT编写的Combobox控件联动菜单: 将MySql数据库的主分类读入combo中,然后通过判断数据库中ID从而得到相应子分类中的数据,然后将数据读入到subcombo Mysql数据库文件: 主分类表:mcc id MainClass ...

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    总的来说,解决EasyUI自定义标签Datagrid中ComboBox手动输入保存不上问题的关键在于正确地捕获和使用`onEndEdit`事件,以及通过editor对象获取并更新用户输入的数据。通过这样的方式,你可以确保用户的所有操作都能...

Global site tag (gtag.js) - Google Analytics