layer弹出层关闭后刷新父页面

最新推荐文章于 2024-04-22 14:09:18 发布

荒--

最新推荐文章于 2024-04-22 14:09:18 发布

阅读量4.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： LAYUI

4 篇文章

订阅专栏

本文介绍在使用layui框架时，如何实现在子页面操作后刷新父页面，并保持父页面的查询条件和页码不变。包括直接刷新父页面导致查询条件和页码失效的问题解决，以及在关闭子页面后如何保持父页面当前查询状态和页码的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、直接刷新父页面，查询条件和页码失效

在子页面代码如下：

window.parent.location.reload(); //刷新父页面
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);  // 关闭layer

子页面调用父页面的reload方法

 //添加或删除成功  刷新父页面调用父页面方法reload
window.parent.layui.table.reload("baseInfo");//调用父页面重载表格

二、关闭子页面后父页面刷新，保持当前的查询情况以及页码

在父页面的弹出层回调中处理：

end:function(){
    $(".layui-laypage-btn").click();//刷新当前页
}

补充知识：layui获取table表格当前页的页码值与当前页的数据条数

通过F12调试可以看到当前页码元素的class属性为layui-laypage-skip，分页数目为layui-laypage-limits

$(".layui-laypage-limits").find("option:selected").val() //分页数目

$(".layui-laypage-em").next().html(); //当前页码值