当前位置:首页 > 程序心得 > 正文内容

Layui关闭弹出层,实现静态无感刷新父页面table

admin7年前 (2019-04-18)程序心得1958

父页面:

  1. 嵌入滚动条位置记录:

    <input type="hidden" name="top" id="top" value=""/>

  1. 修改layui自定义方法为:


  window.renderData = function () {
   //逻辑部分
    //定位滚动条位置
    var offsetTop = $("#top").val();
   if (offsetTop != '') {
      $("html,body").animate({scrollTop: offsetTop + "px"}, 500);
      $('#top').val('');
   }
  }

   3. 页面事件点击时添加

  $('#top').val($(document).scrollTop());

   4.子页面或者弹出层调用父页面方法

 // 获得frame索引
 var index = parent.layer.getFrameIndex(window.name);
 //关闭当前frame
 parent.layer.close(index);
 parent.renderData();


分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:http://yuyunhe.cn/index.php/post/290.html

分享给朋友:

“Layui关闭弹出层,实现静态无感刷新父页面table” 的相关文章

解决在微信内分享第三方链接标题、图片、摘要、链接等问题

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> var imgUrl = docum...

MySQL获得当前日期时间\时间戳函数

MySQL获得当前日期时间\时间戳函数 1.1 获得当前日期+时间(date + time)函数:now()mysql> select now();+———————+| now() |+———————+| 2008-08-08 22:20:46 |+———————+除了 now()...

多行文字溢出[...]的实现(text-overflow: ellipsis)

多行文字溢出[...]的实现(text-overflow: ellipsis)

对于单行文字, 很简单. Css代码  .oneLine {      width: 200px;      overflow:&...

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置openssl下载地址http://dldx.csdn.net/fd.php?i=20313208579480&s=ac2e809e168f7d5b8bf1515d3d6b1aa4,或者官方下载通过openssl工具生成RSA的公钥和私钥(opnssl工具可在互联网中下...

JQ 获取验证码倒计时方法

JQ 获取验证码倒计时方法

html: <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default"  id="show-not...

微信支付 总提示get_brand_wcpay_request:fail 也不跳转支付页面 的解决方案

微信支付 总提示get_brand_wcpay_request:fail 也不跳转支付页面 的解决方案

最近在做微信支付,帮客户部署好环境后,测试微信支付,发现点击支付后老是提示:get_brand_wcpay_request:fail,于是找到代码中调用微信支付的代码段:WeixinJSBridge.invoke('getBrandWCPayRequest', { &nb...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。