layui子页面数据改变刷新父页面

layui是一套非常适合搭建后台管理的UI框架,界面美观度非常高,且非常好用。但是在用的过程中发现了一些小坑,这个给大家分享下!

 

如下图:点击父页面按钮,弹出框,在弹出框内输入完信息后,父页面内的数据需要主动刷新下;

这里需要注意,由于使用框架本身的form监听提交事件,所以在提交成功后子页面会默认刷新下。导致用户体验很不好;

解决方法:在form.on时间中增加return false,防止刷新;

具体代码:

一定要将return false 放到如图这个位置(我用的ajax提交,刚开始在判断成功后将return false放入了ajax中,导致一直刷新);

 

在提交成功后刷新父级页面:

加入parent.location.reload();

Guess you like

Origin blog.csdn.net/qq_36229632/article/details/89319479