日期:2014-05-16  浏览次数:20328 次

jquery Easy UI tab问题
如下图所示, 关于tab的问题 能不能同时打开 相同名称的 title 啊, 而且当前 tab只能打开一次,如果已经打开了就默认选中

onClick:function(node){
console.log(node);
if($('#tabs').tabs('exists',node.text)){
$('#tabs').tabs('select',node.text);
}else{
if(node.url){
var path = "page/" + node.url;
$('#tabs').tabs('add',{
title:node.text,
closable:true,
content:"<iframe src="+path+" width='100%' height='100%' frameborder='no' border='0' framespacing='0'></iframe>"
});
}
}

------解决方案--------------------


function addTab(id, title, url,type) {

var exist =$('#platformtabs').tabs('exists',title);

if (!exist) {
if(url){
if(type!=5){
url="${ctx}"+url;
}
}else{
return;
}
$('#platformtabs').tabs(
'add',
{
id : id,
title : title,
content : '<iframe id="frame'+id+'" name="frameName'+id+'" height="100%" width="100%" src="' + url
+ '" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" ></iframe>',
closable : true,
selected : true
});
}else{
//存在则校验传入的URL是不是相同
$('#platformtabs').tabs('select',title);
var urlTemp=$("#frame"+id)[0].contentDocument.location.href;
if(urlTemp.indexOf(url)==-1){
//更新内容
var tab = $('#platformtabs').tabs('getSelected');
url="${ctx}"+url;
$('#platformtabs').tabs(
'update',
{
tab: tab,
options: {
id : id,
title : title,
content : '<iframe id="frame'+id+'" name="frameName'+id+'" height="100%" width="100%" src="' + url
+ '" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"  style="overflow-y:scroll;"  allowtransparency="yes"></iframe>',
closable : true,
selected : true
}
});
}
}
}