extjsはタブを追加します.

//    （     ，      ）
function addtab(tabarea,text,url,pos){
 var tab;
  try{
   if(tabcount==0){
    var tabs = new Ext.TabPanel(tabarea, {// tabarea      
    tabPosition : pos,//       top  or  bottom
    resizeTabs:true, //         
    monitorResize:true,
    minTabWidth: 20,//      50
    preferredTabWidth:120//      150
    });
    tabcomm=tabs;//             
   }
   tabh=Ext.get(tabarea).getHeight();//       
   tabcount++;

    var tabFrame =  Ext.DomHelper.append(document.body, //    iframe 
        {tag:'iframe',
      id:text,    //  ID
      frameBorder:0,   //  
      scrolling:'auto',   //   
      src: url,    //  
      name:text, 
      width:'100%',
      height:"100%"
      });   

    tab = tabcomm.addTab(text,text,"",true); //           （    ，   ，    ，    ）
    tabgetcount=tabcomm.getCount();
    tab.activate();//        
    tabtext=text;
    tab.on('activate',function(){///         
     tabtext=tabcomm.getActiveTab().getText();


     tabActivate(tabtext);
    });
    tab.setTooltip(text);//      
    tab.on('beforeclose',function(){//      
     tabtext=tabcomm.getActiveTab().getText();//         
     delArray(tabtext);
     Ext.get(tabtext).remove();
     tabgetcount--;
    });


  }catch(exception){}
}


  /** 
*   tabpanel     
*/  
function addTab(id,name,url,code){  
var tab = Ext.getCmp('mainContent').getItem(id);  
if (!tab) {  
    Ext.getCmp('mainContent').add({  
        id : id,  
        title : "name+"",  
        closable : true,  
        html : "