проблема с TabPanel
 

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
               });

как это исправить?