layui用table.render加载数据用table.reload重载里面的数据---解决table.render重新加载闪动的问题

今天在用layui 展示数据的时候，首先想到了table.render这个插件进行数据的展示，因为数据要实时刷新，说到实时刷新，你最低要三秒刷新一次表格的数据吧！！！一开始写了个定时把table.render放到定时函数里面，三秒执行一次函数，那么问题来了，虽然效果是实现了，但这是重新加载表格啊，三秒闪一次，别说是用户了，我都看不下去了，闪的眼疼，就想有没有只让数据重新加载，表格不动。终于功夫不负有心人！！！

tablePlug感觉就是救命稻草，就是解决这个问题的，这也是贤心人性补充吧
下面教你怎么用
1：首先奉上下载这个插件的地址
https://gitee.com/sun_zoro/layuiTablePlug
2：然后找到“下载”文件夹下把tablePlug文件夹复制到你项目的合适位置
3：敲黑板！！！把你项目一开始引入layui modules文件夹下的table.js给替换了（或者你手动修改源码），替换成你从git上下载的那个table.js（这个可能后续不需要修改，现在贤心还没整合！！！）
然后就是引入了
在这里插入图片描述

 layui.config({base:'static/tablePlug/'}).use(['table','tablePlug'], function(){
      var table = layui.table;
      var $ = layer.$;
      var tablePlug=layui.tablePlug;
      tablePlug.smartReload.enable(true);//处理不闪动的关键代码
      table.render({
           elem: '#testone'
          , method : 'POST'
          ,contentType: 'application/json'
           ,url:UrlSchool.oneWen()
           ,id:"testoneTable"
           ,smartReloadModel:true
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,cols: [
          [
          {field:'deviceName', title:'设备名称', width:100}
          ,{field:'valveStatusName', title:'阀门状态', width:120, edit: 'text'}
        ]
      ]
      });
      // var t1 = window.setInterval(hahahah,3000);
      function hahahah(){
          // 表格重载
          table.reload('testoneTable',{
                  url:UrlSchool.oneWen()
          });
      }
    });

重点：需要重新加载数据要在table.render中加入 ,smartReloadModel:true（开启）
友情提示：table.reload这个不需要任何改动，组件会根据你reload里面的参数去判断是重新请求数据还是重载！！！
写的应该很详细了，觉得有问题的可以直接参考贤心原文解释！！！
最后的最后给你个贤心博文地址，如果遇到问题这里面有解决办法
https://fly.layui.com/jie/43423/
从这里往下看！！！
在这里插入图片描述

本文链接：https://blog.csdn.net/qq_38215042/article/details/102705606

智能推荐

脚本实现Unity 场景的淡入淡出

看到一个场景淡入淡出的脚本文件，分享一下，原文章见来源操作如下： 1.创建一个Shader文件 2.双击打开该Shader文件，输入如下代码，更改Shader： 3.创建一个C#脚本文件，代码如下： 4.将C#脚本挂载到摄像机上，运行如下（左键点击Game场景）以上为全部详细讲解...

【CSS】526- CSS 控制图标颜色

原文地址：http://eux.baidu.com/blog/fe/控制图标颜色背景实际项目中，一般都会遇到不同颜色的图标，例如导航栏图标的不同状态方法方法1 需要UI设计师给出不同颜色的图标，在不同状态下设置不同的元素背景。缺点是：当状态改变后，浏览器才去拉取active状态的图片，所以视觉上会有闪动，体验不好方法2 将两张图标合成雪碧图优点：解决第一个方法闪动的问...

双链表

双链表的初始化（带头结点）双链表在单链表的结点中增加了一个指向其前驱的prior指针，因此在双链表中执行按值查找和按位查找的操作与单链表一样，但在删除和插入结点中双链表时间复杂度O(1)，单链表为O(n)。双链表的插入双链表的删除双链表的遍历...

洛谷4363 [九省联考2018]一双木棋chess

标签：状压，记忆化搜索题目题目传送门题目描述菲菲和牛牛在一块n 行m 列的棋盘上下棋，菲菲执黑棋先手，牛牛执白棋后手。棋局开始时，棋盘上没有任何棋子，两人轮流在格子上落子，直到填满棋盘时结束。落子的规则是：一个格子可以落子当且仅当这个格子内没有棋子且这个格子的左侧及上方的所有格子内都有棋子。棋盘的每个格子上，都写有两个非负整数，从上到下第i 行中从左到右第j 列的格子上的两个整数记...

忘掉什么鬼并发，先听完这个故事！

点击上方“阿拉奇学Java”，选择“置顶或者星标” 优质文章第一时间送达！来源 | cnblogs.com/flashsun/p/11017431.html 推荐阅读 | SQL语句大全，所有的SQL都在这里(建议收藏) 最近在给别人讲解Java并发编程面试考点时，为了解释锁对象这个概念，想了一个形象的故事。后来慢慢发现这个故事似乎能讲解...

layui用table.render加载数据 用table.reload重载里面的数据---解决table.render重新加载闪动的问题

智能推荐

猜你喜欢

layui用table.render加载数据用table.reload重载里面的数据---解决table.render重新加载闪动的问题