layui关闭弹框,刷新父页面
时间: 2023-11-07 17:56:34 浏览: 76
可以通过以下代码实现:
在弹框页面中,关闭弹框并刷新父页面:
```
// 关闭弹框
parent.layer.close(parent.layer.getFrameIndex(window.name));
// 刷新父页面
parent.location.reload();
```
在父页面中,打开弹框:
```
layer.open({
type: 2,
title: '弹框标题',
content: '弹框页面的URL',
end: function () {
// 弹框关闭后刷新父页面
location.reload();
}
});
```
以上代码使用了 layui 的 layer 组件。在弹框页面中,使用 `parent.layer` 调用父页面的 layer 组件;在父页面中,使用 `layer.open` 打开弹框,并在 `end` 回调函数中监听弹框关闭事件,关闭后刷新父页面。
相关问题
layui关闭弹框页后刷新父页面的表格
您可以在关闭弹框页的代码中添加以下语句来刷新父页面的表格:
```javascript
parent.location.reload();
```
这会重新加载父页面,从而刷新表格。如果您只想刷新表格而不重新加载整个页面,可以在父页面中定义一个函数来刷新表格,并在关闭弹框页的代码中调用该函数。例如:
在父页面中定义函数:
```javascript
function refreshTable() {
// 刷新表格的代码
}
```
在关闭弹框页的代码中调用该函数:
```javascript
parent.refreshTable();
```
这样就可以只刷新表格而不重新加载整个页面。
layui父页面刷新页码不变
Layui是一个非常流行的前端UI框架,它提供了很多方便易用的组件和工具,用于构建美观、高效的网页界面。
在Layui中,如果父页面进行了刷新,那么页面的URL将会发生变化,但是页码不会自动保持不变。这是因为Layui的分页组件是基于URL参数的形式来进行分页的,当页面刷新时,URL参数会被清空,导致分页信息丢失。
如果我们希望在父页面刷新时保持分页信息不变,我们可以通过以下步骤来实现:
1. 在父页面中,将分页信息存储在sessionStorage中。当分页发生变化时,将最新的分页信息保存到sessionStorage中。
2. 在父页面刷新时,从sessionStorage中获取之前保存的分页信息,并根据这些信息来重新设置分页组件的状态。
具体实现步骤如下:
1. 当分页信息发生变化时,将最新的分页信息存储在sessionStorage中,例如:
```
sessionStorage.setItem('currentPage', currentPage);
sessionStorage.setItem('pageSize', pageSize);
```
2. 在分页组件的初始化代码中,获取sessionStorage中保存的分页信息,并设置分页组件的初始状态,例如:
```
var currentPage = sessionStorage.getItem('currentPage');
var pageSize = sessionStorage.getItem('pageSize');
// 设置分页组件的初始状态
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
curr: currentPage,
limit: pageSize,
// 其他分页参数的设置
// ...
});
});
```
通过以上方法,我们可以在父页面进行刷新时保持分页信息不变,使得用户可以继续浏览之前的分页内容。