javascript - 在 extjs 中显示单选字段

Question

我有两个单选按钮选项，其中一个旁边有一个文本字段。旁边有文本区域的单选字段正在显示。然而，第一个 radio 场(小)没有显示。有什么帮助可以解释为什么吗？

size= Ext.create('Ext.form.Panel', {
            xtype: 'fieldset',
            flex: 1,
            defaultType: 'radio', 
            width:'100%',
            border:false,

            items: {
                checked: true,
                boxLabel: 'Small',
                name: 's',
                inputValue: 'small',

           },

            layout: 'hbox',
            items: [
            {
                boxLabel: 'Large',
                name: 's',
                inputValue: 'l',
            },
            {
                    xtype: 'splitter'
            },                            
            {
                    xtype: 'textfield',
                    name: 'specify'

            }
            ]
    });

Answer 1

在 hbox 周围放置一个容器。现在，您可以使用第二个 items 数组 覆盖第一个 items 数组。每个容器/包装器只能有一个items array。

size= Ext.create('Ext.form.Panel', {
    xtype: 'fieldset',
    flex: 1,
    defaultType: 'radio', 
    width:'100%',
    border:false,
    items: {
        checked: true,
        boxLabel: 'Small',
        name: 's',
        inputValue: 'small'
    }, {
        xtype: 'container',
        layout: 'hbox',
        items: [
        {
            boxLabel: 'Large',
            name: 's',
            inputValue: 'l',
        },
        {
            xtype: 'splitter'
        },                            
        {
            xtype: 'textfield',
            name: 'specify'
        }]
    }
});