Таблица макета не отображается

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 отображает и вторая панель (макет таблицы) не отображается ниже на всех радио-группы.

Однако, если добавить только Sinlge контроль как

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

отображается ниже радио-группы.

Что я здесь делаю неправильно?

Answer 1

Второй элемент отсутствует xtype, согласно документации:

Если xtype не указан явно, используется DefaultType для контейнера, который по умолчанию, как правило, панель.