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'”删除行，一切正常（除了屏幕上没有选项卡式面板）

这是一个错误还是我忘记了什么。请帮我弄清楚=）

感谢您的关注。

Answer 1

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