本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 方案一: 在layer弹出层中调用父界面重新加载函数 window.parent.location.reload(); var index = parent.layer.getFrameIndex(window.name); parent.layer.close(in…

http://blog.csdn.net/nsdnresponsibility/article/details/51282797 问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面(声明:下图中点击保存页面之后,不关闭子页面):点击1出弹出窗口: 我们的目的是:如果,用户保存过数据:在点击关闭按钮和2处所指的小X时,刷新父列表页面:若果用户没有保存过数据,关闭窗口是不刷新父列表页面. //这里是父页面(列表页面) var isFreshFlag="1";<%-…

ayer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 经常用到的 在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常…

通常情况下,关闭窗口时不需要对父窗口做任何操作,但如果子窗口是某一对象的修改画面,这时,当关闭子窗体时就需要对父窗口刷新,刷新可以通过三种方式来实现:1,采用window.opener.location.reload(true);刷新父窗口,但是,如果父窗口之前点过某一个按扭或其它控件,此时时常会跳出来一个提示框,非常烦人,这时候,如果页面上有一个功能按钮,我们就可以利用window.opener.__doPostBack('ctl00$contentPlaceHolder1$bt_query'…

通常情况下,关闭窗口时不需要对父窗口做任何操作,但如果子窗口是某一对象的修改画面,这时,当关闭子窗体时就需要对父窗口刷新,刷新可以通过三种方式来实现:1,采用window.opener.location.reload(true);刷新父窗口,但是,如果父窗口之前点过某一个按扭或其它控件,此时时常会跳出来一个提示框,非常烦人,这时候,如果页面上有一个功能按钮,我们就可以利用window.opener.__doPostBack('ctl00$contentPlaceHolder1$bt_query'…

在毕设的开发中,添加用户.添加权限等等一些地方需要类似于bootstrap中的模态框.然而开发用的却是layui 在layui中有弹出层可以实现其中的效果. 但是,一般用的时候都是提交后关闭窗口,刷新父界面.这里记录一下方法 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 window.parent.location.reload(); //刷新父界面parent.layer.close(index); //关闭弹出层…

常规的话,下面能够完成关闭弹出层 var index = parent.layer.getFrameIndex(window.name); //延迟关闭 解决打印窗口弹不出来的情况 parent.layer.close(index); 可是当这里需要关闭的同时弹出打印窗口的时候,就会发现失效了,能关闭,可是打印窗口同时也弹不出了. 这里的解决办法就是:延迟关闭. $("#ReviewArea").jqprint({ debug: false, //如果是true则可以显示iframe查…

layer:web弹出层解决方案 一.总结 一句话总结:http://layer.layui.com/ 1.layer中弹出层tips的使用(代码)是怎样的? 使用还是比较简单方便的 //tips层-左 layer.tips('左边么么哒', '#id或者.class', { tips: [4, '#78BA32'] }); 二.layer简介 使用原因: 之前用的bootstrap里面的弹出层,但是如果在别的框架要引入bootstrap全套css,但是bootstrapcss会修改默认的p标签…

layui关闭弹出层,今天我在vscode中使用p parent.layer.closeAll()发现没效果 换成layer.closeAll()就解决了这个问题. 由此我觉得关闭layui关闭弹出层的相关方法给大家介绍一下: layer.closeAll(); //疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page'); //关闭所有页面层 layer.closeAll('iframe'); //关闭所有的ifra…

先确保已经引入layui和jquery 再确保初始化layer弹出层 <script> layui.use(['form', 'layer'], function() { var form = layui.form; var layer = layui.layer; }); </script> 第1种方式: $(function() { //关闭弹窗 $(document).on('click', '#closeBtn', function() { var index = pare…

问题来源: BOOS 竟然说喜欢有可移动可最大化的弹出层,这!!! SPA 模式下就是这种引入Vue.js的写法 layer.open({ type: , area: ['840px', '550px'], fixed: false, //不固定 maxmin: true, title:title, content:url, }); 正常引入layui.js  然后弹出,然后弹出层要调用父级层的方法,和赋值 var index = parent.layer.getFrameIndex(windo…

转载自:http://blog.163.com/abkiss@126/blog/static/325941002012111754349590/ 主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用 开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码:HTML代码: <div class="down">click</div><div class="con hi…

1.html <a id="more" onclick="moreFun()">更多</a> <ul id="moreList" style="display:none"> <li>列表1</li> <li>列表2</li> <li>列表3</li> </ul> 2.实现点击更多按钮弹出moreLise列表,…

<!--弹出层---> <div class="mask">    <div class="wrap"></div> </div> /***弹出层效果***/ $(".header").find(".a5").click(function(e){ e.stopPropagation();//阻止冒泡 $('.mask').css("display"…

//关闭方法1 layer提供了5种层类型.可传入的值有:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层). 若你采用layer.open({type: 1})方式调用,则type为必填项(信息框除外) layer.closeAll(); //疯狂模式,关闭所有层 layer.closeAll('dialog'); //0.关闭信息框 layer.closeAll('page'); //1.关闭所有页面层 layer.closeAll('iframe'); //2.…

在需要layer.js弹窗口时,当编辑完窗口内容,需要关闭及刷新父窗口时: $("#senddata").click(function(){var id = $('input[name=id]').val();var amount = $('input[name=amount]').val();var star = $('input[name=star]').val();$.post("{:url('admin/card/editPart_Data')}",{id:…

很多童鞋都喜欢用贤心的layui框架.是的,我也喜欢用,方便,简单.但是呢,有时候项目中的需求会不一样,导致我们用的时候,显示效果可能会不一样,好吧.这样的话,个别遇到的问题总是解决不好,但是呢还是那句话,多研究一下,就都会有解决方法的. 最近做的项目需求就是富文本编辑器要在弹出框中显示,好吧.本来以为可以没任何阻碍,后来发现编辑器在弹出框中总是不灵活,甚至图标都打不开. 我想很多童鞋的写法是这样的: 1.首先建立编辑器 layui.use('layedit', function() { var…

layer.closeAll();//疯狂模式,关闭所有层 layer.closeAll('dialog'); //关闭信息框 layer.closeAll('page');//关闭所有页面层 layer.closeAll('iframe');//关闭所有的iframe层 layer.closeAll('loading');//关闭加载层 layer.closeAll('tips');//关闭所有的tips层…

//刷新父页面 function reflashParent() { var id = parent.tabbar.getActiveTab(); id = id.replace('tab','mainArea') try{ var f = parent.$('#'+id).children('iframe'); var src = f.attr('src'); f.attr('src',src); }catch(ex){ // alert(ex.message); } }…

1.首先在父页面定义一个空间,Id=layerResult 然后 layer.open({ type: , title: '选择看课件', shadeClose: true, shade: 0.8, offset: ['10px', '50px'], area: ['650px', '480px'], maxmin: true, content: url, //iframe的url end: function (index) { var retVal = $("#layerResult"…

<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script> </head> <body> <BUTTON id="dd">Test…

弹窗alert:默认确定按钮+右上角关闭 top.layer.alert("请选择要删除的记录!",{shade: 0.3,offset:'250px'}); 弹窗alert:默认确定按钮(closeBtn:false是让关闭失效隐藏) top.layer.alert("请选择要删除的记录!",{closeBtn:false,shift:2}); 弹窗confirm:两个重新命名按钮(closeBtn:false是让关闭失效隐藏) 弹窗msg:提示信息(1秒后消失并…

原文链接:https://blog.csdn.net/Code_shadow/article/details/80524633 var Index = layer.open({ title: "测试", type: , content: 'http://localhost:2690/ProgressTimeline.html', area: ["80%", "90%"], success: function () { var data = [ {…

使用top.$('#txtReason').val();获取值: //不通过 function unAuditData(id) { parent.layer.open({ type: , title: '未通过原因', skin: 'layui-layer-molv', closeBtn: , shadeClose: true, shade: false, area: ['300px', '180px'], content:'<div id="mydiv" style="…

<html> <style> .hide{display:none;} </style> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div.do…

$(".video-hide video#sp").trigger("pause"); 其中  video#sp  很重要 不然不行…

当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢 首先在父级页面中打开一个添加页面(弹出层) 在添加页面的表单提交函数中添加如下代码: function formSubmit(){ var serialStr = $("#form-myform-add").serialize();//序列化表单 var urlStr = '#';//请求的url $.ajax({ type:'get', url:urlStr, data:serialStr, s…

一.Layer简介 Layer是一款近年来备受青睐的web弹层组件,基于jquery,易用.实用,兼容包括IE6在内的所有主流浏览器,拥有丰富强大的可自定义的功能. Layer官网地址:http://layer.layui.com/ 二.多个iframe弹出层(非嵌套) 1.打开iframe弹出层js代码 (1)示例一: layer.open({ type: 2, title: 'layer mobile页', shadeClose: true, shade: 0.8, area: ['380p…

就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法: 一.关闭弹出窗 这是layer官网给出的帮助手册,讲解的比较详细 分成两种情况: 1.弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2.弹出窗是新的页面的时候 var index=parent.…

一.首先引用JS文件 <script src="../../js/common/layer/layer.js"></script> 二.全屏调用以下代码 var index = layer.open({ type: 2, content: url, area: ['300px', '195px'], title: false, maxmin: true, closeBtn: 0 }); layer.full(index); 三.关闭弹出层 var index =…