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 : ""
}).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)