不会健身的程序员
不是好作家

easyui中tabs关闭让tab中的iframe自己决定是否关闭

用easyui的layout做框架的时候可能会用tabs打开多个页面,每个页面都是独立的iframe,如果这个iframe是一些编辑类型的页面关闭的时候需要提示用户正文还未保存是否保存再关闭的提示之类的需求的话,可以用下面的思路解决。

改造之前的代码

<div id="mainTabs" class="easyui-tabs" data-options="border:false,onSelect:function(title,index){setQuickTabHeight(index)},tools:'#tabTools'">
		<div id="desktopTab" title="桌面" data-options="iconCls:'iconTabDesktop'">
			<iframe id="mainFrame" allowTransparency="true" src="" frameborder="0" scrolling="no"></iframe>
		</div>
</div>

 

改造之后的代码

<div id="mainTabs" class="easyui-tabs" data-options="border:false,onSelect:function(title,index){setQuickTabHeight(index)},
	onBeforeClose:function(title,index){ // 关闭当前
		var iframe = $('iframe',$('#mainTabs').tabs('getTab',index));
		if(iframe && iframe.length >0 && iframe[0].contentWindow && iframe[0].contentWindow.beforeMainTabClose) {
			return iframe[0].contentWindow.beforeMainTabClose();
		}
	},tools:'#tabTools'"><!---->
		<div id="desktopTab" title="桌面" data-options="iconCls:'iconTabDesktop'">
			<iframe id="mainFrame" allowTransparency="true" src="" frameborder="0" scrolling="no"></iframe>
		</div>
</div>

 

然后对被嵌入页面只要提供beforeMainTabClose函数并返回true就是关闭,返回false就是阻止关闭,下面这段代码仅供参考

function beforeMainTabClose(){
    //表单校验
    var valid = $("#pageForm").form("validate");
    if (valid) {//表单校验通过,则提交表单
        if(confirm("是否保存当前修改的信息?")){
            $("#pageForm").submit();
        }
        return true;
    }else{
        return false;
    }
}
赞(0)
转载请注明出处:林俊龙博客 » easyui中tabs关闭让tab中的iframe自己决定是否关闭

评论 6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    踩踩

    阿木木 4年前 (2015-11-30) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  2. #2

    [围观][围观]

    不锈钢淋浴房 4年前 (2015-12-08) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  3. #3

    对于这些代码,目前还不懂的

    郑州SEO优化 4年前 (2015-12-13) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  4. #4

    支持一下

    好书网 4年前 (2015-12-17) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  5. #5

    看西游记发现唐僧师徒四人从来不洗澡,为什么呢?神回复:每次被妖怪捉住,都是小的们,抬后面洗干净了,一会儿本大爷要吃唐僧肉,然后,然后就被救了。 http://url.cn/XfB45g

    可儿 4年前 (2016-01-06) 来自天朝的朋友 未知浏览器 Unknow Os 回复
  6. #6

    我现在看代码还是会有点头晕,不太看得懂,我需要恶补一下才行。

    同等学力 4年前 (2016-01-11) 来自天朝的朋友 未知浏览器 Unknow Os 回复

年年岁岁花相识,岁岁年年人不同

给我留言网站地图

谢主隆恩

支付宝扫一扫打赏

微信扫一扫打赏