使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
2019-09-25 11:44
1146 查看
页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中,如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从而避免嵌套带来的问题。废话少说,直接上代码。
1.A弹出B:
在A.html中插入一下代码
layer.open({ title:'新增账号', type: 2, area: ['700px', '350px'], fixed: false, //不固定 maxmin: false, content:['B.html?'+param,'no'] });
2.B弹出C:
在B.html中插入以下代码
parent.layer.open({ type: 2, skin: 'layui-layer-molv', title: "组织机构选择", area: ['460px', '600px'], shadeClose: false, content: ['C.html','no'], btn: ['确定','关闭'], btn1: function (index) { var subIframe=parent.$("iframe"); if(subIframe!=null&&subIframe.length==2){ var orgs= subIframe[1].contentWindow.getCMethod(); if(orgs&&orgs.length>0){ $("input[name='defaultOrgId']").val(orgs[0].orgId); $("input[name='orgName']").val(orgs[0].orgName); } } parent.layer.close(index);//关闭弹出层C.html } });
3.关闭iframe弹出层js代码
(1)关闭特定iframe
//当在iframe页面关闭自身时,在iframe页执行以下js脚本 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭
(2)关闭所有弹出层
layer.closeAll(); //疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page'); //关闭所有页面层 layer.closeAll('iframe'); //关闭所有的iframe层 layer.closeAll('loading'); //关闭加载层 layer.closeAll('tips'); //关闭所有的tips层
4.刷新另一个弹出层
(1)刷新已知index的iframe弹层
layer.iframeSrc(index, 'http://sentsin.com') //官方示例,其中参数index为iframe索引,第二个参数为iframe的URL
(2)刷新未知index的iframe弹层
parent.$("iframe").each(function () { $(this).attr('src', $(this).attr('src'));//需要引用jquery })
以上这篇使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 利用Layer组件弹出多个对话框(非嵌套)与关闭及刷新
- jquery中layer弹出层的使用,以及关闭后如何刷新调用层
- 微信小程序例子——使用modal组件弹出对话框
- 点击按钮页面弹出对话框,关闭对话框父页面刷新
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 使用js弹出模态窗口,提交保存数据后关闭模态窗口,刷新父窗口
- 使用layer的alert函数完成根据post请求结果弹出一个提示,然后刷新本页面
- layer弹出层的关闭及父页面的刷新问题
- 使用JS实现关闭网页时弹出收藏网页对话框的功能
- 如何使得 弹出对话框不关闭但也能刷新他的父窗口
- 使用layer的iframe层提交表单后,需要关闭当前的iframe层,然后刷新父页面的方法
- 在使用layer弹出框时点击按钮后关闭弹出框并刷新父iframe
- Layer组件多个iframe弹出层打开与关闭及参数传递
- layer 弹出层在提交后关闭,然后刷新父窗口
- 微信小程序使用modal组件弹出对话框功能示例
- Javascript中使用对话框,在对话框关闭时刷新前页面的方法
- 使用UI Automation实现自动化测试--5 (Winfrom和WPF中弹出和关闭对话框的不同处理方式)
- Javascript中使用对话框,在对话框关闭时刷新前页面的方法
- layer中type=2的一些使用方法(添加成功后才关闭路由、刷新页面列表)
- 使用layui的layer组件做弹出层