zoukankan      html  css  js  c++  java
  • layer实现关闭弹出层刷新父界面功能详解

    本文实例讲述了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();
          }
    });

    总结:相比较而言,第一种方案会更佳,因为在操作逻辑上,手动关闭弹出框,应该不触发刷新操作,只有当弹出框的处理逻辑执行成功后,调用函数关闭弹出框才触发父界面刷新操作,基于这个逻辑,应该选择方案一。方案二,不管怎样都会刷新页面,实际上无端的增加了服务器的处理压力。

  • 相关阅读:
    检查所有资产的剩余折旧年限
    如何返回standard API 的错误信息
    Host concurrent的建立方法
    Project的目录结构
    计划外折旧(unplanned deprn)API开发例程
    UML学习笔记
    ASP.Net2.0使用Log4Net(二)
    NBear学习笔记(一)
    ASP.Net2.0使用Log4Net(一)
    ASP.net前后台调用
  • 原文地址:https://www.cnblogs.com/yinyl/p/11002209.html
Copyright © 2011-2022 走看看