先说需求:要求在鼠标点击已经打开的tabs时能刷新、更改.、关闭里面的弹窗问题。
需要用到的方法:(直接就能用)
$('#tabs').tabs({
border:false,
fit:true,
onSelect:function(title,index){
closePasswordModifyDialog()
}
});
检测打开的新的tabs。
代码:
function openTab(node) {
closePasswordModifyDialog(); //关闭弹窗,再打开新的tabs时
// debugger
if ($("#tabs").tabs("exists", node.text)) {//判断当前选项卡是否存在
$("#tabs").tabs("select", node.text) //如果存在 显示
} else {
$("#tabs").tabs("add", { //如果不存在 则新建一个
title: node.text,
iconCls: node.iconCls,
closable: true,
// content: content
content:"<iframe frameborder=0 scrolling='auto' style='width:100%;height:99.4%' src='"+node.attributes.url+"'></iframe>"
});
}
//第二种打开的方式
// var dd = $('#tabs').tabs('exists', node.text);
// if (dd) {
// $('#tabs').tabs('select', node.text);
// } else {
// var content = '<iframe scrolling="auto" frameborder="0" src="' + node.attributes.url +
// '" style="width:100%;height:100%;"></iframe>';
// $('#tabs').tabs('add', {
// id: node.id,
// title: node.text,
// //href:'./'+pageName, //使用href是用过ajax请求方式,将请求页面内容加载到本页面中。 缺点:js引入不好控制
// content: content, //使用content的iframe方式:将整个页面嵌入到tab页内。 缺点:js重复加载
// closable: true
// });
// }
}