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事件失效问题处理
|
前端开发 数据格式
jeecgboot前端antd Table组件动态合并单元格
jeecgboot前端antd Table组件动态合并单元格
523 0
|
UED
element el-cascader动态加载数据 (多级联动,落地方案)
最近需要用到element ui的这个插件做地区的四级联动,但是碰了一些问题: 官网的说明太泛泛然,不易看懂 网上的教程乱七八糟,代码一堆一堆的 看这篇就对了!!!
1796 0
element el-cascader动态加载数据 (多级联动,落地方案)
|
5月前
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
4104 1
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
4月前
elementUI使用Pagination分页组件增加自定义slot
本文介绍了如何在Element UI的Pagination分页组件中使用自定义slot。通过在`el-pagination`标签内的适当位置添加slot内容,可以在分页组件中插入自定义的HTML或组件。文章提供了一个示例代码,展示了如何添加两个自定义slot,并展示了最终效果。
444 4
elementUI使用Pagination分页组件增加自定义slot
|
8月前
使用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后台动态翻页的解决方案
331 0
|
8月前
element plus 表各组件怎样和分页组件配合使用
element plus 表各组件怎样和分页组件配合使用
118 0
|
前端开发 JavaScript API
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
elementUI中<el-select>下拉框选项过多的页面优化方案——多列选择
629 0
|
前端开发
layui使用table组件实现排序的CSS样式调整解决方案
layui使用table组件实现排序的CSS样式调整解决方案
265 0