Javascript 表布局未显示

我有以下表格-

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下面

---

我做错了什么？

根据文档，第二项缺少xtype：

---

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

在文档中找不到布局“tableForm”。也许使用“表格”可以解决你的问题？。至少对两个面板使用相同的大小写：“tableform”或“tableform”