It is created just like the current Ext.form.Radio.
Code:
items:[{
xtype:'vx-radiogroup',
fieldLabel:'label 1',
checked:true,
name:'group1',
boxLabel: 'box 1',
value: 0
},{
xtype:'vx-radiogroup',
fieldLabel:label 2,
name:'group1',
boxLabel: 'box 2',
value: 1
},{
xtype:'vx-radiogroup',
fieldLabel:label 3,
name:'group1',
boxLabel: 'box 3',
value: 2
}]
The new advantages are this...
1) if you submit a form it will send the "group1":0 or which ever value is checked.
2) if you load the form and there is a data entry {id:"group1", value:1} then label 2 will be checked for you.
Possibly to do:
I am thinking about expanding this so that multiple radios could be defined in one field...
Code:
{
xtype: 'vx-radiogroup',
fieldlabel: 'group 1',
name: 'group1',
radios:[{
value:0,
checked:true, //optional
boxLabel:'box 1' //optional
}, {
value:1,
boxLabel:'box 2' //optional
}, {
value:2,
boxLabel:'box 3' //optional
}]
}
this would result in one field
group 1: @ box 1 O box 2 O box 3
I currently just use column or table layout to achieve this but this could be real convenient