layui组件table定时刷新的解决方案

简介: layui组件table定时刷新的解决方案

构建ranks的容器

<table class="layui-hide" id="ranks"></table>


layui調用表格组件

    /*layui調用*/
    layui.use(['table', 'carousel', 'layer'], function () {
        var table = layui.table, carousel = layui.carousel;
        table.render({
            elem: '#ranks'
            , url: 'api/api.php?act=getRank&token=3cab7ce4142608c0f40c785b5ab5ca24'
            , id: 'searchTable'
            , loading: false
            , cols: [[
                {type: 'numbers'}
                , {field: 'store_area', title: '地區'}
                , {field: 'trans_store', title: '門店'}
                , {field: 'trans_deal', title: '訂單量', sort: true}
                , {field: 'trans_quantity', title: '銷售量', sort: true}
                , {field: 'trans_total', title: '總金額', sort: true}
            ]]
        });
        var $ = layui.$, active = {
            reload: function () {
                var tableData = $('#tableData');
                table.reload('searchTable', {});
            }
        };
        $('#layTable').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });


定时模拟单击按钮

function getLayuiTable() {
    $("#layTable").click();
}


lockdatav done!

相关文章
|
前端开发
layui select 绑定onchange事件失效
layui select 绑定onchange事件失效问题处理
|
JavaScript 前端开发
Layui 弹层组件 - 基础参数1
Layui 弹层组件 - 基础参数1
95 0
|
JavaScript
Layui 弹层组件 - 基础参数3
Layui 弹层组件 - 基础参数3
74 0
|
4月前
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
3300 1
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
7月前
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
使用Vant框架的组件van-pull-refresh搭配van-list和van-card完成上滑加载更多列表数据,下拉刷新当前列表数据(等同于翻页功能)
|
JSON PHP 数据格式
layui框架实战案例(1):layui组件table异步加载数据结合php后台动态翻页的解决方案
layui框架实战案例(1):layui组件table异步加载数据结合php后台动态翻页的解决方案
312 0
|
7月前
element plus 表各组件怎样和分页组件配合使用
element plus 表各组件怎样和分页组件配合使用
103 0
|
前端开发 JavaScript API
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
454 0
Layui 弹层组件 - 基础参数2
Layui 弹层组件 - 基础参数2
63 0
|
JavaScript
Layui 弹层组件 - 基础参数4
Layui 弹层组件 - 基础参数4
75 0