layui关闭弹框页后刷新父页面的表格
时间: 2023-08-08 07:13:26 浏览: 53
您可以在关闭弹框页的代码中添加以下语句来刷新父页面的表格:
```javascript
parent.location.reload();
```
这会重新加载父页面,从而刷新表格。如果您只想刷新表格而不重新加载整个页面,可以在父页面中定义一个函数来刷新表格,并在关闭弹框页的代码中调用该函数。例如:
在父页面中定义函数:
```javascript
function refreshTable() {
// 刷新表格的代码
}
```
在关闭弹框页的代码中调用该函数:
```javascript
parent.refreshTable();
```
这样就可以只刷新表格而不重新加载整个页面。
相关问题
layui关闭弹框,刷新父页面
可以通过以下代码实现:
在弹框页面中,关闭弹框并刷新父页面:
```
// 关闭弹框
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弹框打开页面
要在Layui弹框中打开一个页面,可以使用Layui的layer模块。你可以按照以下步骤进行操作:
1. 引入Layui和layer模块的js和css文件。
2. 在需要打开弹框的元素上,绑定click事件,并在事件处理函数中调用layer.open()方法。
3. 在layer.open()方法中,设置type为2(表示iframe层),并设置content为需要打开的页面的url。
下面是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打开页面弹框示例</title>
<!-- 引入Layui和layer模块的js和css文件 -->
<link rel="stylesheet" href="//cdn.staticfile.org/layui/2.5.6/css/layui.css">
<script src="//cdn.staticfile.org/layui/2.5.6/layui.js"></script>
</head>
<body>
<button id="open-btn">打开弹框</button>
<script>
// 绑定click事件
document.getElementById('open-btn').addEventListener('click', function() {
// 调用layer.open()方法
layui.layer.open({
type: 2, // iframe层
content: 'https://www.example.com' // 需要打开的页面的url
});
});
</script>
</body>
</html>
```
以上代码中,点击id为"open-btn"的按钮,就会打开一个弹框,里面显示https://www.example.com这个页面。你可以根据需要修改content的值来打开其他页面。