layout - ExtJS：タブ付きのFormPanelを強制的に使用可能なすべてのスペースに埋めるにはどうすればよいですか？

Question

ユーザーの画面に合うタブ付きのformPanelを作成したい。

これが私のコードです：

var form2 = new Ext.FormPanel({
   labelWidth: 75,
   border:false,    
   items: {
      // removing next line affects the layout %)
      xtype:'tabpanel',
      activeTab: 0,
      defaults:{autoHeight:true, bodyStyle:'padding:10px'},
      items:[
      {
         title:'Personal Details',
         layout:'form',
         defaults: {width: 230},
         defaultType: 'textfield',
         items: [
           {
              fieldLabel: 'First Name'
           }
         ]
      },
      {
         title:'Phone Numbers',
         layout:'form',
         defaults: {width: 230},
         defaultType: 'textfield',
         items: [
           {
              fieldLabel: 'Home'
           }
         ]
      }
      ]
    }
 });

 form2.render('container');

そして、後で私の中には、もちろんあります。

それは信じられないほど大きな幅のフォームを作ります...

「xtype：'tabpanel'」で行を取り消すと、すべてが正常に機能します（画面にタブ付きパネルがない場合を除く）

バグなのか、何か忘れたのか。私がそれを理解するのを手伝ってください=）

ご清聴ありがとうございました。

Answer 1

の構成を設定anchorおよび設定layout : fitしformpanelます。