0

我想制作一个适合用户屏幕的选项卡式表单。

这是我的代码：

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

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

感谢您的关注。

4

1 回答 1

2

设置anchor和layout : fit设置formpanel.

于 2011-09-19T19:03:22.937 回答