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时启用它吗？

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

Answer 1

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

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

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

1 个答案: