ExtJs6.0之RadioGroup的使用

本文主要是介绍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的方法。

这篇关于ExtJs6.0之RadioGroup的使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---