Extjs4单选按钮

今天抽了点空,将extjs中的单选按钮看了一下:

　　

    //单选按钮的使用
    Ext.onReady(function(){
        Ext.create('Ext.form.Panel', {
    title: '单选按钮组',
     300,
    height: 125,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items:[{
        xtype: 'radiogroup',
        fieldLabel: 'Three Columns',
        // columns就是将按钮每行显示几个
        columns: 3,
        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' }
        ]
    }]
});