x-admin模板基于layui的模态框关闭后,父页面数据表格重载的方式

在做项目的时候,用的是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();
    });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迷疑.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值