extjs radioGroup怎么取选中的值？怎么设置值选中

//new 一个RadioGroup组件

var radiogroup= new Ext.form.RadioGroup

(

{ fieldLabel : "性别",

items : [

{ boxLabel : '男', inputValue : '1', checked : true, name : "radSex" },

{ boxLabel : '女, name : "radSex", inputValue : '2' }

]

}

)

然后还需要重写radiogroup的两个方法，在按照我上面这样做就可以了//RadioGroup重写的getValue和setValue

Ext.override(Ext.form.RadioGroup, { getValue: function(){ var vif (this.rendered) { this.items.each(function(item){ if (!item.getValue()) return truev = item.getRawValue()return false})} else { for (var k in this.items) { if (this.items[k].checked) { v = this.items[k].inputValuebreak} } } return v}, setValue: function(v){ if (this.rendered) this.items.each(function(item){ item.setValue(item.getRawValue() == v)})else { for (var k in this.items) { this.items[k].checked = this.items[k].inputValue == v} } } })

//获取的是inputValue的值

radiogroup.getValue()

//设置值选中

radiogroup.setValue(“1”)

var radios = Ext.create('Ext.form.Panel', {

title: 'RadioGroup Example',

width: 300,

height: 125,

bodyPadding: 10,

renderTo: Ext.getBody(),

items:[{

xtype: 'radiogroup',

fieldLabel: 'Two Columns',

// Arrange radio buttons into two columns, distributed vertically

columns: 2,

vertical: true,

items: [

{ boxLabel: 'Item 1', name: 'rb', inputValue: '1' },

{ boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},

{ boxLabel: 'Item 3', name: 'rb', inputValue: '3' },

{ boxLabel: 'Item 4', name: 'rb', inputValue: '4' },

{ boxLabel: 'Item 5', name: 'rb', inputValue: '5' },

{ boxLabel: 'Item 6', name: 'rb', inputValue: '6' }

]

}]

})

里面有设置项，把checked设为true，拿值的话用

var val = radios.down('radiogroup').getValue()['rb']

当我们需要排版一个有很多个radiobutton时，我们会出现这两种情况：如图；要么就是横向的，要么是纵向；这样多不是非常的美观；实际上我们想要的是能够多出边界放行的效果如图；其实也是非常的简单，下面就有小编为大家一 一叙述；

工具/原料

Eclipse

android 工程

方法/步骤

实际上只要我们明白在radiogroup里面我们也可以使用RelativeLayout，LinearLayout这样的布局的；首先设置radiogroup的orientation属性为vertical

然后再第一个radiobutton前面加上LinearLayout，orientation属性设置为horizontal，</LinearLayout>标签放在一行最后一个radiobutton后面；小编这里是 文本为“50”的那个radiobutton后面

同样的把使用LinearLayout把后面几个radiobutton包裹住，orientation属性设置为horizontal

运行一下就可以发现就达到了我们想要的结果！

注意事项

在设置orientation属性的时候不要出现错误

---