在做项目的时候,用的是x-admin后台管理模板,这个模板是基于layui的。
在使用到了layui数据表格的时候,给数据表格插入数据,如果是用到了模态框的情况下,在数据插入成功后,数据表格要重新加载。但是问题是,重新加载数据表格的按钮在父页面,而模态框是子页面,怎么能在子页面关闭的时候,顺利刷新父页面的数据表格呢?并且除了数据表格之外的模块都不能刷新。
经过不断试验,最终找到了方式。
parent.layui.table.reload('test');注意:test是表格的id 具体可见layui的文档中的数据表格介绍
用这种方式,在子页面完全不用引入数据表格,只需要在父页面引入即可。
附上,x-admin关闭子页面刷新父页面的方式:
方式一:
xadmin.father_reload();方式二:
parent.location.reload(true);
这两种方式,可以在x-admin的模态框关闭的时候,刷新父页面。比如,用模态框修改用户数据,点击提交后,即可关闭模态框,然后用这两种方式的其中一种,刷新父页面。
例如:
layer.msg(data.message, { icon: 6, time:1000 }, function() { //关闭当前frame模态框 xadmin.close(); // 对父窗口进行刷新 xadmin.father_reload(); });