读书人

extjs 增添选项卡

发布时间: 2012-11-18 10:51:22 作者: rapoo

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();<!--此处是单独处理,针对一次打开多个标签进行验证,并找其对应数组     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(); 

读书人网 >JavaScript

热点推荐