easyUI 检测tabs切换时关闭更新内容

25 篇文章 0 订阅
18 篇文章 0 订阅

先说需求:要求在鼠标点击已经打开的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
	// 	});
	// }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值