layui关闭所有弹出层,layui如何关闭open弹出框以及刷新table表格页面

科技资讯 投稿 5500 0 评论

layui关闭所有弹出层,layui如何关闭open弹出框以及刷新table表格页面

以下内容主要是针对遇上layui如何关闭open弹出框以及刷新table表格页面等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

关闭弹出框

1、layui中的弹出框是使用layer插件实现的,关闭弹出框可以使用layer插件提供的close方法,代码如下:


layer.close(index); //index为弹出框的索引

2、另外,也可以使用layui的close方法,代码如下:


layui.close(index); //index为弹出框的索引

刷新表格

1、layui中的表格是使用table插件实现的,刷新表格可以使用table插件提供的reload方法,代码如下:


table.reload('tableId', {
    where: { //设定异步数据接口的额外参数,任意设
        key: value
    },
    page: {
        curr: 1 //重新从第 1 页开始
    }
});

2、另外,也可以使用layui的reload方法,代码如下:


layui.table.reload('tableId', {
    where: { //设定异步数据接口的额外参数,任意设
        key: value
    },
    page: {
        curr: 1 //重新从第 1 页开始
    }
});

3、也可以使用layui的render方法,代码如下:


layui.table.render({
    elem: '#tableId',
    url: 'xxx',
    cols: [[
        {field: 'id', title: 'ID'},
        {field: 'name', title: 'Name'},
        {field: 'age', title: 'Age'}
    ]]
});

总结

以上就是为你整理的layui如何关闭open弹出框以及刷新table表格页面全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » layui关闭所有弹出层,layui如何关闭open弹出框以及刷新table表格页面

赞同 (31) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽