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');

然后在我的a有一个，当然。

这使得窗体的宽度非常大…

如果我输入"xtype: 'tabpanel'"，一切都可以正常工作(除了屏幕上没有选项卡面板)

是bug还是我忘了什么?请帮我想一下=)

Answer 1

为formpanel设置anchor和layout : fit的配置