ExtJs6.0之RadioGroup的使用

RadioGroup基本使用

官方文档传送门：http://docs.sencha.com/extjs/6.0.0/classic/Ext.form.RadioGroup.html

• 新建radio项数组

authType = 1;
var typeItems =  [
    { boxLabel: '角色', name: 'authType', inputValue: '1', checked: false, disabled: true },
    /*{ boxLabel: '部门', name: 'authType', inputValue: '2', checked: false, disabled: true},
    { boxLabel: '帐号', name: 'authType', inputValue: '3', checked: false, disabled: true }*/
    ];
typeItems[authType - 1].checked = true;

• 新建RadioGroup

// 添加授权类型单选
radioGroup = new Ext.form.RadioGroup({
    id : 'radioGroup',
    xtype : 'radiogroup',
//      fieldLabel : '授权类型',
    itemCls : 'x-check-group-alt',
    columns : 3,
    renderTo : "authTypeDiv",
    width : "100%",
    items : typeItems,
    listeners : {//添加监听器
        scope : this,
        'change' : function(radio, newValue, oldValue, opts) {//点击切换的时候的事件
            //console.log(newValue);
            authType = newValue.authType;
        }
    }
});

在更新的默认选中的值的时候，可以先设置好选中的值，在将初始化完成的items放到RadioGroup中。因为，ExtJS没有提供动态修改选中radio的方法。