extjs 添加选项卡

最新推荐文章于 2018-11-18 00:26:50 发布

kong0csd

最新推荐文章于 2018-11-18 00:26:50 发布

阅读量171

点赞数

分类专栏： javascript 文章标签： extjs 选项卡 javascript ViewUI

本文链接：https://blog.csdn.net/kong0csd/article/details/84131654

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏


//添加标签（标签头信息，标签显示地址）
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();

<!--此处是单独处理，针对一次打开多个标签进行验证，并找其对应数组
     if(document.getElementById(tabtext).src=="about:blank"){
       for(var i=0;i<tabshortcut.length;i++){
        if(tabshortcut[i][0]==tabtext){
         document.getElementById(tabtext).src=tabshortcut[i][1];
        }
       }
     }

-->
     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 : "<span style='float:left;height:21px;'>name+"</span>",  
        closable : true,  
        html : "<iframe id='iframe_" + id + "' scrolling='auto' border='0' frameborder='0' marginwidth='0'  marginheight='0' width='100%' height='100%' onload='unPageMask()'></iframe>"  
    }).show();  
    //由于IE6是无法解析创建iframe前指定的src属性，所以这里在创建iframe之后再指定路径；如果直接在iframe中指定src，在ie6下会出现空白页面  
    //document.getElementById("iframe_" + id).src= url;  
    window.frames["iframe_" + id].location.href =url;   
} else {  
    // 如果tab已存在，则刷新并切换至  
    window.frames["iframe_" + id].location.reload();  
    tab.show();  
}  
pageMask();