javascript - 将自定义项添加到 extjs 中的单选按钮

Question

我在 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
    }]
},

是否可以在选项 3 旁边添加数字字段，以便在我选择单选按钮 3 时启用它？

或者我必须使用单独的容器将单独的数字字段与选项 3 对齐？

Answer 1

例如，您可以渲染NumberField成boxLabelEl单选按钮。另一种方法是创建两列布局，并在第二列中放置标签和数字字段。

第一种方法的示例：http: //jsfiddle.net/NsbyD/2/