得到comboBox的值有3种方法:
1、comboBox.getValue() 得到的是valueField
2、comboBox.getRawValue() 得到的displayField
3、form.getForm().getValues().若combo设置了hiddenName这个ConfigOption,得到的是valueField;否则得到的是displayField。
示例:
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>