Ext动态动态增加Tab

前几天做了一个动态增加Tab的功能类似浏览器。

//Tab页的面板
var tabs = new Ext.TabPanel({
id:'03030100-tabPanel',
        renderTo: '03030100-tab',
        width:842,
        height:508,
        activeTab: 0,
        frame:true,
        defaults: {autoScroll:false},
        enableTabScroll:true,
        items:[{
        title:'元素信息',
        bodyStyle:'padding:1px 1px 0',
        items:[new Hit.FormPanel(),new Hit.EditGrid()],
        },{id: 'add-tab-tool', 
                title: '+',
                 listeners: {activate: doNewTab},
                 autoScroll : true}]
    });

function doNewTab(){
var mainTab = Ext.getCmp('03030100-tabPanel');
mainTab.remove('add-tab-tool');
        mainTab.add({
            title: '元素信息',
            bodyStyle:'padding:1px 1px 0',
            items:[new Hit.FormPanel(),new Hit.EditGrid()],//在Tab中添加自定义FormPanel和EditGrid
            closable:true
        }).show();
        mainTab.add({
        id: 'add-tab-tool', 
          title: '+',
          listeners: {activate: doNewTab},//监听+号
          autoScroll : true});
}