Add custom item to switch in extjs

Question

I have this switch group in extjs

{
    xtype: 'radiogroup',
    flex: 8,
    vertical: true,
    columns: 1,
    labelWidth: 50,
    id: 'radio_group_id',
    fieldLabel: 'Group Label',
    items: [{
        boxLabel: 'option 1',
        name: 'rb-auto',
        inputValue: 1,
        checked: true
    }, {
        boxLabel: 'option 2',
        name: 'rb-auto',
        inputValue: 2
    }, {
        boxLabel: 'option 3',
        name: 'rb-auto',
        inputValue: 3,
        // is this somehow possible
        items:[{
            xtype:'numberfield',
            // number field settings
        }]
    }, {
        boxLabel: 'option 4',
        name: 'rb-auto',
        inputValue: 4
    }, {
        boxLabel: 'option 5',
        name: 'rb-auto',
        inputValue: 5
    }]
},

Is it possible to add a number field next to parameter 3 so that it turns on when I select switch 3?

Or do I need to use containers for seaprate to align a single field with option 3?

Answer 1

You can, for example, make NumberFielda boxLabelElswitch. Another way is to create two column layouts, and in the second column, labels and number field.

An example of the first approach: http://jsfiddle.net/NsbyD/2/