• 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);
  • 相关阅读:
    漫游Kafka介绍章节简介
    poj 2309 BST 使用树阵lowbit
    华为-on练习--小写字符数的统计显示
    OpenMp高速分拣
    eclipse 于 Tomcat于 热部署 project
    2015第49周二
    2015第49周一
    2015第48周六
    2015第48周五
    2015第48周四
  • 原文地址:https://www.cnblogs.com/lihuiyy/p/2642209.html
Copyright © 2020-2023  润新知