body в файле html должно быть пустое
есть такой скрипт, работет нормально:
Ext.onReady(function(){
var tabs = new Ext.TabPanel
({
activeTab: 0,
items: [{
title: 'Tab 1',
html: ' if I remove this item from tabPanel while initialization, the content of other tabs becomes empty',
closable:true
}]
});
var addition = new Ext.Panel
({
id : 'addition',
title : 'tab container',
region : 'east',
collapsible : true,
margins : '3 3 3 0',
cmargins : '3 3 3 3',
items : tabs,
split : true,
width : 500
});
var rpan = new Ext.Panel
({
id : 'content',
title : 'content',
region : 'center',
collapsible : true,
margins : '3 3 3 0',
cmargins : '3 3 3 3',
html : 'empty' ,
tbar:
[
{
iconCls:'add-feed',
text:'Add Tab',
handler: function()
{
tabs.add
({
title : 'tab name',
html : 'some content',
closable : true
}).show();
},
scope: this
}
]
});
var win = new Ext.Window({
title : 'Parent window',
closable : true,
width : 700,
height : 350,
x : 300,
y : 100,
layout : 'border',
containerScroll: false,
items : [rpan,addition]
});
win.show();
});
если при создании TabPanel в ней создать Tab, то создаваемые потом табы (кнопкой addTab) отображаются нормально. Но если при создании TabPanel в ней не создавать Tab, то содержание новых табов будет пустое. Т.е. с вот такой TabPanel работает некорректно:
var tabs = new Ext.TabPanel
({
activeTab: 0
});
как это исправить?