LayUi子页面数据填充完之后,渲染父页面。

1.最近在公司用springboot写项目,前段框架用的Layui。有一个需求,自己是用的是一个tab,然后每个tab里面用的是table去填充数据,用户在每个table页去进行添加数据,添加完成之后,不能去刷新整个页面,只能去刷新当前的tab。即:我选择了某一个tab页面,当我操作完成之后,就在这个tab页面进行了一个刷新,并且页面也是在这个tab页面。
自己的操作是这样。
 

var tableIn;

layui.use(['element', 'table', 'form', 'jquery', 'laydate'], function () {
    var element = layui.element;
    var table = layui.table;
    var form = layui.form;
    var $ = layui.jquery;
    var laydate = layui.laydate;

    tableIn = table.render({
        elem: '#'+tableId,
        url: '/adChannelConfig/listPage',
        where: {
            "type": "native", "appId": appId, "channel": channel
        },
        .......等等一些操作
});

首先,就是常规代码,进行table的渲染。当用户添加,或者修改完数据之后,最关键的一段代码就是下面:
    先获取到你的table.render的属性,用一个变量去接收,然后用这个变量去reload。

layer.msg("删除成功!");
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.layer.close(index); //再执行关闭
tableIn.reload();

当然,如果你是又使用open打开了一个页面,就需要加上 parent.tableIn.reload();这样就在当前页面去渲染了,并且是打开了指定的tab之后进行的渲染,你不需要去重新选择tab。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值