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如何实现添加数据时关闭页面层,并实时刷新表格数据?
layui如何实现添加数据时关闭页面层,并实时刷新表格数据?
Cron表达式每隔两小时执行一次
Cron表达式每隔两小时执行一次
898 1
|
前端开发 JavaScript 安全
前端框架Layui实现动态选项卡&iframe使用(附源码)
前端框架Layui实现动态选项卡&iframe使用(附源码)
2548 0
|
3月前
|
人工智能 自然语言处理 搜索推荐
企业有哪些agent应用场景
随着大模型成熟,AI智能体(Agent)加速落地企业五大核心场景:营销、客服、数据分析、运营与电商。瓴羊基于“AgentOne”平台,打造Quick Audience、Quick Service等系列Agent产品,深度融合业务与数据,推动Agent从“可用”迈向“好用”“必用”,重塑企业生产力结构。(239字)
|
4月前
|
Java API 开发者
黄金、白银及全球期货数据 API 对接实战
在全球经济波动下,黄金白银成避险焦点。本文介绍如何通过StockTV API快速接入全球贵金属实时行情、K线及盘口数据,支持COMEX、伦敦金等品种,助力开发者构建量化系统与金融分析工具,实现毫秒级数据推送与专业图表集成。
|
SQL 关系型数据库 MySQL
ThinkPHP6 连接使用数据库,增删改查,find,select,save,insert,insertAll,insertGetId,delete,update方法的用法
本文介绍了在ThinkPHP6框架中如何连接和使用数据库进行增删改查操作。内容包括配置数据库连接信息、使用Db类进行原生MySQL查询、find方法查询单个数据、select方法查询数据集、save方法添加数据、insertAll方法批量添加数据、insertGetId方法添加数据并返回自增主键、delete方法删除数据和update方法更新数据。此外,还说明了如何通过数据库配置文件进行数据库连接信息的配置,并强调了在使用Db类时需要先将其引入。
ThinkPHP6 连接使用数据库,增删改查,find,select,save,insert,insertAll,insertGetId,delete,update方法的用法
|
前端开发 Java 开发者
Spring MVC中的请求映射:@RequestMapping注解深度解析
在Spring MVC框架中,`@RequestMapping`注解是实现请求映射的关键,它将HTTP请求映射到相应的处理器方法上。本文将深入探讨`@RequestMapping`注解的工作原理、使用方法以及最佳实践,为开发者提供一份详尽的技术干货。
1522 2
|
前端开发 JavaScript 程序员
后端程序员的前端捷径-超级容易上手使用的前端框架layUI(下)
后端程序员的前端捷径-超级容易上手使用的前端框架layUI
332 9
|
SQL 关系型数据库 MySQL
(八)MySQL锁机制:高并发场景下该如何保证数据读写的安全性?
锁!这个词汇在编程中出现的次数尤为频繁,几乎主流的编程语言都会具备完善的锁机制,在数据库中也并不例外,为什么呢?这里牵扯到一个关键词:高并发,由于现在的计算机领域几乎都是多核机器,因此再编写单线程的应用自然无法将机器性能发挥到最大,想要让程序的并发性越高,多线程技术自然就呼之欲出,多线程技术一方面能充分压榨CPU资源,另一方面也能提升程序的并发支持性。
1442 3

热门文章

最新文章