表格布局不显示

Question

我的表格如下 -

var mainForm = new Ext.form.FormPanel({
            layout: 'tableForm',
            border: false,
            title: 'This is title',
            bodyStyle: 'padding:5px',
            layoutConfig: { columns: 1 },
            defaults: { border: false, layout: 'form' },
            items: [
                {
                    xtype: 'radiogroup',
                    columns: 3,
                    fieldLabel: 'Please select an option',
                    items: [
                        { boxLabel: 'Yes',  inputValue: '1', checked: true },
                        { boxLabel: 'No', inputValue: '2' },
                        { boxLabel: 'Not Sure',  inputValue: '3' }   
                    ]
                },
                {
                    border: false,
                    layout: 'tableform',
                    autoHeight: true,
                    layoutConfig: { columns: 2 },
                    items: [
                         { text: 'Enter value:', xtype: 'label', labelSeparator: ' ' },
                         new Ext.form.NumberField({ fieldLabel: ' ', hideLabel: true, width: 30, allowNegative: false, allowDecimals: false, minValue: 0, maxLength: 10 })
                    ]
               }
            ]
        });

但是在这种形式中，只有radioGroup显示，而第二个面板（表格布局）根本没有显示在radiogroup下面。

但是，如果我只添加像

这样的sinlge控件

{
    text: 'Enter value:',
    xtype: 'label',
    labelSeparator: ' '
},

它显示在radiogroup下方。

我在这里做错了什么？

Answer 1

第二项缺少xtype，根据docs：

如果未明确指定xtype，则使用Container的defaultType，默认情况下通常为panel。