ExtJS: Как заставить FormPanel с вкладками заполнить все доступное пространство?

Я хочу сделать вкладку 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", все будет работать нормально (за исключением того, что на экране нет панели с вкладками)

Это ошибка или я что-то забыл. Помогите разобраться, пожалуйста =)

Спасибо за внимание.

1 ответ

Решение

Задавать anchor и установить layout : fit конфиги для formpanel,

Другие вопросы по тегам