layer实现关闭弹出层刷新父界面功能详解
2024-10-19 13:30:13
本文实例讲述了layer实现关闭弹出层刷新父界面功能。分享给大家供大家参考,具体如下:
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。
方案一:
在layer弹出层中调用父界面重新加载函数
window.parent.location.reload();
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
方案二:
调用layer插件的end回调方法:
end - 层销毁后触发的回调
类型:Function,默认:null
无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数。
父窗口打开layer弹出框时,添加end回调
function openLayer() {
//iframe层
parent.layer.open({
type: 2,
title: '修改',
shadeClose: false, //点击遮罩关闭
shade: 0.8,
area: ['30%', '45%'],
maxmin: true,
closeBtn: 1,
content: [url, 'yes'], //iframe的url,yes是否有滚动条
end: function () {
location.reload();
}
});
总结:相比较而言,第一种方案会更佳,因为在操作逻辑上,手动关闭弹出框,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发父界面刷新操作,基于这个逻辑,应该选择方案一。方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。
最新文章
- javascript动画系列第四篇——拖拽改变元素大小
- Odoo 8.0 new API 之Environment
- java中equals和“==”补充
- 几款Z2760平板对比
- 关于web软件信息安全问题资料的整理(四)
- 基于bootstrap的图片轮播效果展示
- Java学习-033-JavaWeb_002 -- 网页标记语言JSP基础知识
- 创建link server链接服务器碰到的问题及解决办法
- 《反project核心原则》说明
- vue动画的用法
- 201521123009 《Java程序设计》第12周学习总结
- ARKit 增强现实平台 尝试(Xcode9 iOS11 A9处理器)
- python3中替换python2中cmp函数的新函数分析(lt、le、eq、ne、ge、gt)
- spring MVC(十)---spring MVC整合mybatis
- ElasticSearch-6.3.2 linux 安装
- 在OS X 10.9配置WebDAV服务器联合NSURLSessionUploadTask实现文件上传
- Spider-three
- HDU 1722 Cake (数论 gcd)(Java版)
- SSE图像算法优化系列二十四: 基于形态学的图像后期抗锯齿算法--MLAA优化研究。
- 理解Solr缓存及如何设置缓存大小