利用Layer组件弹出多个对话框(非嵌套)与关闭及刷新
页面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组件弹出多个对话框(非嵌套)与关闭及刷新相关推荐
- JavaScript实现弹出“确定/取消”对话框的方法
在网页中经常会让用户提交一些事件,然后在事件处理之前会弹出"确定/取消"对话框,待用户确定后再利用程序处理事件,今天就教大家如何利用JavaScript实现弹出"确定/取 ...
- php js对话框,JavaScript_js弹出框、对话框、提示框、弹窗实现方法总结(推荐),一、JS的三种最常见的对话框- phpStudy...
js弹出框.对话框.提示框.弹窗实现方法总结(推荐) 一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ==================== ...
- JavaScript弹出框、对话框、提示框、弹窗总结
JavaScript弹出框.对话框.提示框.弹窗总结. 1.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 =================== ...
- php点击文字弹出js提示框,js弹出框、对话框、提示框、弹窗实现方法总结(推荐)...
一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...
- Html弹出qq临时对话框:
1.打开qq聊天页面(有权限需要添加好友才能打开): <a href="tencent://message/?uin=1578929883&Site=&Menu=yes ...
- 调用API弹出打印机属性对话框
调用api弹出打印机属性对话框 Author:vitoriatang From:Internet .NET Framework封装了很多关于打印的对话框,比如说PrintDialog, PageSe ...
- layer重复弹出(layui弹层同时存在多个)的解决方法
layer重复弹出(layui弹层同时存在多个)的解决方法 参考文章: (1)layer重复弹出(layui弹层同时存在多个)的解决方法 (2)https://www.cnblogs.com/sird ...
- 如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 参考文章: (1)如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 (2)https://ww ...
- Delphi中点击网页弹出的Alert对话框的确定按钮
实现的方法有很多,一般都是使用Windows API函数遍历窗口,查找指定标题的窗口,然后从该窗口查找确定按钮,向该按钮发送鼠标消息进行模拟点击.由于IE8由Alert弹出的网页对话框的标题是&quo ...
最新文章
- Vue学习小札——2.6 组件参数校验与非props特性
- 大量网课视频学习方法升级版!生命就是一往无前和永无止境的直播!
- Java——List集合特有的功能
- android nougat和安卓7.1,Android Nougat 7.1.2 先睹为快
- 软件测试工资高还是运维高,IT行业的6大热门岗位,薪酬都有多高?
- Chromium下载各类版本(pyppeteer爬虫)
- 有位哥们坚持不用微服务架构,被老板踢出了群聊···
- Composer自动加载(一)
- springcloud整合php,详细讲解springcloud的组件之RestTemplate集成的Ribbbon
- 软件工程学习进度06
- ubuntu 14.04 修改PS1提示符
- 年轻人,被领导骂是怎样一种感觉?
- 多进程和线程的区别【转】
- sqluldr2支持mysql吗_sqluldr2工具使用方法
- 什么软件测试cpu满载,截然相反!CPU满载压力测试
- mongo数据库之修改器的简单使用
- 密码编码学与网络安全-------原理与实践(第七版)
- Python实现快速排序
- 零基础Matlab Note9--离散数据绘图set(gca, )
- xaxis python_Python中的分组Xaxis可变性图
热门文章
- Tensorflow逻辑回归处理MNIST数据集
- TLS/SSl 相关攻击漏洞及检测方法(testssl.sh)
- 【Linux】linux ln文件夹的链接(转)
- JDBC初学者的basedao工具类
- mybatis模糊查询sql
- VC6.0 导入资源崩溃
- [转]这才是真正的3D显示!Leap Motion推出次毫米级3D手动控制技术,让人手和影像融为一体...
- flush无效,IIS7下php怎么实时输出?
- 【项目总结】达能益力--官网
- RhinoMock入门(4)——次序和委托