Fastadmin动态更新列表数据

最新推荐文章于 2024-08-13 18:10:22 发布

withoutfear

最新推荐文章于 2024-08-13 18:10:22 发布

阅读量523

点赞数

分类专栏： fastadmin 文章标签： javascript 前端

原文链接：https://www.cnblogs.com/baozi-tudou/p/17547578.html

版权

fastadmin 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本文介绍如何在FastAdmin框架中使用WebSocket技术，通过定时任务每5秒更新表格中的now_price字段，实现订单列表数据的实时变化。

摘要由CSDN通过智能技术生成

需求

订单列表中有一列数据需要根据websocket传递的数据实时改变，所以就需要动态改变列表中的值而且使用的是fastadmin

方案

在对应的js文件的index方法中加入以下代码

// 这是一个定时更新列表中数据的方法
table.on('load-success.bs.table', function (e, data) {
    var a = 1;
    setInterval(function () {
        // field是要更新的字段  value 是值 index 是第几行的数据
        table.bootstrapTable('updateCell', {field: "now_price", value: a, index: 0})
        a++;
        console.log(a);
    }, 5000)
});