layert弹出层关于layer.open,打开页面时的用法

layer弹出层，当设置type为2时，引入其他页面中内容。

最近项目里碰到的问题，在父页面用layer.open打开子页面后，从子页面如何调用父页面的方法，从子页面如何关闭父页面中layer弹出层。

父页面打开弹出层

type设置为2
content中为打开的其他页面的地址

 //点击按钮，layer打开其他页面的弹出层$('#add').click(function(){var zTree = $.fn.zTree.getZTreeObj("treeDemo"),allNode = zTree.getNodes(),  //ztree下所有节点nodes = zTree.getSelectedNodes(),  //获取ztree下得选中节点treeNode = nodes[0];if(treeNode==undefined){layer.alert('还没选择部门');return false;}else{layer.open({type: 2,title: '编辑',shadeClose: true,shade: 0.8,area: ['500px','540px'],content: 'www.baidu.com'+treeNode.id});}});

在打开的子页面中，提交表单，并根据提交状态判断是否关闭该子页面，当关闭了子页面弹出层，刷新父页面的一个页面。

开始我是在layer.alert的回调函数中直接layer.closeAll()，并不好使。

最终实现：
1、通过获取父页面下得layer的层级，并在父页面下关闭该层级的layer
2、通过window.parent.fn 调用父页面中自定义的函数，刷新父页面中的列表。

$("input[type='button']").click(function(){$.ajax({type:'post',url:'',data:$("#user").serialize(),dataType:'json',success:function(data){console.log(data);if(data.flag==0){layer.alert(data.msg,function(){var index=parent.layer.getFrameIndex(window.name);  //获取父页面中layer的层级parent.layer.close(index);  //当alert关闭后，关闭父页面中的layer弹出层return true;})window.parent.refreshFn();  //调用父页面自定义的方法刷新父页面}else{layer.alert(data.msg)}}});});

layert弹出层关于layer.open,打开页面时的用法相关推荐

Layer弹出层关闭后刷新父页面
一.Layer弹出层关闭后刷新父页面 //编辑 $("#edit").on("click", function(){var id = getIdSelectio ...
layui弹出层之layer.open弹出iframe窗口·
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 [1]该功能为案例,弹出iframe窗口显示上传数据由于layui的弹出层每次执行layer. ...
页面弹出层组件layer的用法
欢迎关注博主公众号:[纯洁的明依]文章由陈晓阳原创. 本人微信:chenxiaoyangzxy. 免费提供本人大量学习资料. 一:页面引入和核心js文件 layer.js <script src ...
java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口（不打开新页面）...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
layui弹出层html,layer弹出层
layer 弹出层,怎么只让他弹出一次.在线等我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的所 ...
layui弹出层： layer.open
layer.open({type: 1 //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) ,title: title //标题,skin:"" / ...
layui弹出层使用(layer.alert / layer.open / layer.prompt )
一 layer.alert 效果图: 代码: //取消提现 function back(id) {layer.alert('真的要取消吗', {skin: 'layui-layer-molv' //样 ...
LayerUI弹出层关闭后刷新父页面
API地址:LayerUI API 调用END回调方法: end - 层销毁后触发的回调类型:Function,默认:null 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数. ...
EasyAdmin弹出层关闭后如何自动刷新当前页面
找到easy-admin.js 搜索$('body').on('click', '[data-open]', function () 下面内容替换这个方法 $('body').on('click', ...

layert弹出层关于layer.open,打开页面时的用法

父页面打开弹出层

在打开的子页面中，提交表单，并根据提交状态判断是否关闭该子页面，当关闭了子页面弹出层，刷新父页面的一个页面。

layert弹出层关于layer.open,打开页面时的用法相关推荐

最新文章

热门文章