news 2026/5/7 22:44:33

Layui弹出层如何实现在关闭时自动刷新底部的父表格

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Layui弹出层如何实现在关闭时自动刷新底部的父表格

layui.layer.close后需手动调用父页面表格实例的reload方法,关键是在父页面用var tableIns=table.render({...})保存实例并挂载到window.parentTable,子页面通过parent.window.parentTable.reload()触发重载。layui.layer.close 后怎么触发父页面表格重载关闭弹出层本身不会自动刷新任何东西,必须手动在关闭回调里调用表格的 reload 方法。关键是找到正确的表格实例——不是靠 DOM 查找,而是靠初始化时存下来的 tableIns 变量。常见错误是:在弹窗 JS 里直接写 layui.table.reload('id') 却没传参数,或传了错误的 id(比如用了 class 而非 lay-filter 值),结果 reload 不生效,看着像“没刷新”。父页面初始化表格时,一定要用 var tableIns = table.render({...}) 接收返回值,不能只写 table.render({...})把 tableIns 挂到 window 或全局对象上(如 window.parentTable = tableIns),方便子页面访问在弹出层关闭前调用:parent.window.parentTable.reload({page: {curr: 1}}),加 page.curr: 1 是防止翻页状态下刷新后显示空页layer.open 的 success 回调里能拿到父页面 tableIns 吗不能直接拿,因为 success 回调执行时,弹窗内容刚渲染完,JS 还没加载完毕,此时子页面脚本还没执行,window.parentTable 可能还没定义。真正安全的位置是子页面自己的 JS 里,或者 layer 的 end 回调(关闭动画结束时)。 知网AI智能写作 知网AI智能写作,写文档、写报告如此简单

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/7 22:39:29

iPhone USB网络共享驱动一键解决方案:3分钟解决Windows连接难题

iPhone USB网络共享驱动一键解决方案:3分钟解决Windows连接难题 【免费下载链接】Apple-Mobile-Drivers-Installer Powershell script to easily install Apple USB and Mobile Device Ethernet (USB Tethering) drivers on Windows! 项目地址: https://gitcode.c…

作者头像 李华
网站建设 2026/5/7 22:29:07

将Switch游戏画面无线传输到电脑:SysDVR完整实践指南

将Switch游戏画面无线传输到电脑:SysDVR完整实践指南 【免费下载链接】SysDVR Stream switch games to your PC via USB or network 项目地址: https://gitcode.com/gh_mirrors/sy/SysDVR 你是否想过在电脑大屏幕上畅玩Switch游戏,或者将游戏过程…

作者头像 李华
网站建设 2026/5/7 22:27:30

5个实用技巧:让你的Amlogic盒子OpenWrt性能飙升200%

5个实用技巧:让你的Amlogic盒子OpenWrt性能飙升200% 【免费下载链接】amlogic-s9xxx-openwrt Supports running OpenWrt on Amlogic, Allwinner, and Rockchip devices. Support a311d, s922x, s905x3, s905x2, s912, s905d, s905x, s905w, s905, s905l, rk3588, rk…

作者头像 李华