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
,