若依关闭弹窗刷新父页面

2021/11/1 周一

本人菜鸟一枚,刚刚开始进行基于若依的二次开发不久,如果有错误或者更好的实现方法,欢迎在评论区交流,十分感谢!


先说结论:获取子页面弹窗按钮的代码要写在父页面

过程:

1. 页面结构

父页面是issuing.html “发卡详情”,用 $.modal.open() 方法 弹出的volumeActivation.html “批量激活” 子页面,这个子页面在进行ajax之后还会弹出更里层的 “系统提示” 页面:
页面结构

2. 需求:

关闭子页面弹窗时刷新父页面

3. 按钮:

获取到了子页面的 “关闭” 按钮的类名是 layui-layer-btn1
关闭按钮
同时还发现“确定”按钮和系统提示的“确认”按钮都是 layui-layer-btn0
确认按钮

4. 方法:

在子页面volumeActivation.html的JS里,写了btn1的点击方法,却触发不了
子页面
而如果改成btn0,点击系统提示弹窗的“确认”后,父页面就会刷新。

还在子页面的JS里各种位置都试了,就是捕捉不到子页面的这两个按钮,即使不弹系统提示页面,也不行。

最后把方法放在父页面issuing.html里,终于成功了!
父页面

目前这种解决方法,只有点击“关闭”按钮才会刷新,如果点击右上角叉叉就没用。

另外,还想过直接捕捉这个子页面的关闭动作,但是没有试出来。

Logo

快速构建 Web 应用程序

更多推荐