ExtJS 获取单选按钮的值 radiogroup 获取值 fieldset(radio) 获取值

ExtJS 获取单选按钮的值 radiogroup 获取值 fieldset(radio) 获取值

 1 {
 2                 xtype: 'fieldset',
 3                 id: 'job',
 4                 title: '职业',
 5                 autoHeight: true,
 6                 defaultType: 'radio',  //设置fieldset内的默认元素为radio
 7                 //hideLabel: false,
 8                 layout: 'hbox',
 9                 defaults: {
10                     flex: 1
11                 },
12                 items: [
13                     { boxLabel: '学生', name: 'job', inputValue: '1', checked: true },
14                     { boxLabel: '教师', name: 'job', inputValue: '2' },
15                     { boxLabel: '其他', name: 'job', inputValue: '3' }
16                 ]
17 }

如果是以上定义，则页面效果为：

通过以下语句中变量 job 保存的是选中的标签值（学生、教师、其他）

 1                     var jobRadio = Ext.getCmp('job').items;
 2                     var jobValue = loginForm.getForm().findField("job").getGroupValue(); //此处获取到的是inputValue的值
 3                     var job;
 4                     for(var i = 0; i < jobRadio.length; i++){
 5                         if(jobRadio.get(i).inputValue == jobValue){
 6                             job = jobRadio.get(i).boxLabel;
 7                             break;
 8                         }
 9                     }
10                     Ext.MessageBox.alert('提示', '您的职业是' + job);

 

以上是通过 fieldset 定义的 radio 组件获取值的方法。下面是 radiogroup 组件获取值的方法

 1 {
 2                 //xtype      : 'fieldcontainer',
 3                 xtype: 'radiogroup',
 4                 id: 'sex',
 5                 fieldLabel : 'Sex',
 6                 hideLabels: false,
 7                 defaults: {
 8                     flex: 1
 9                 },
10                 layout: 'hbox',
11                 items: [
12                     {
13                         boxLabel  : 'Male',
14                         name      : 'sex',
15                         inputValue: 'male'
16                     }, {
17                         boxLabel  : 'Female',
18                            name      : 'sex',
19                         inputValue: 'female'
20                     }
21                 ]
22             }

页面效果为：

获取值的代码如下：

1                     var sex = Ext.getCmp('sex').getChecked()[0].boxLabel;
2                     Ext.MessageBox.alert('提示', '您的性别是' + sex);