得到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>

你可能感兴趣的:(ext)