Layui回调函数改变不同数据的颜色

开发工具与关键技术: VisualStudio 2015 mvc
作者：杨泽平
撰写时间：2019、7、15

Layui回调函数、一般在layui数据表格的操作里会调用这个回调函数，当然也是有需要是才会调用这个函数，我们可以借此回调做一些其它的操作。

Done回调函数，无论是异步请求数据，还是直接赋值数据，都会触发该回调。你可以利用该回调做一些表格以外元素的渲染。

借助这个我们可以改变数据颜色或者改变数据的字体等，改变这些的作用，比如说可以达到区分数据的效果等，以下面的为例。

这里我写了一个回调，这个主要是用于区分到期的人，到期的将那条数据的颜色变成红色，在数据表格了我查询出他的结束时间，done回调函数里，首先是for循环，循环所有数据，在获取到电脑的当前时间，然后再判断上面循环的所有数据里的协议结束时间与我获取的电脑当前时间作比较，如果协议结束时间小于电脑当前时间则执行改变方法。

详情代码如下

cols: [[{ field: 'AgreementEndtime', title: '协议结束时间', align: "center" },]],

//回调

done: function (res, curr, count)
{//循环数据for (var i = 0; i < res.data.length; i++) {//获取当前时间var date = new Date();var month =
date.getMonth() + 1 < 10 ? "0" + (date.getMonth()
+ 1) : date.getMonth() + 1;var currentDate =
date.getDate() < 10 ? "0" + date.getDate() :
date.getDate();var dateString =
date.getFullYear() + "-" + month + "-" + currentDate;//判断结束时间小于当前时间，执行改变方法if
(res.data[i].AgreementEndtime < dateString) {$("table tbody
tr").eq(i).css('color','red')}}},

If判断条件里的条件是根据你自己的需要去设立的，第一个条件可以取layui数据表格里的任意数据作为判断条件，第二个判断条件自由设立。

最后是效果了，首先查询出数据渲染完数据就会触发回调，回调执行后就会根据循环的数据一条一条的进行判断，满足条件的就会执行改变数据颜色。

执行效果如下图所示：

这只是一部分数据的截图。

页面效果如下图所示：

Layui回调函数改变不同数据的颜色相关推荐

使用进程池模拟多进程爬取url获取数据，使用进程绑定的回调函数去处理数据...
1 # 使用requests请求网页,爬取网页的内容 2 3 # 模拟使用进程池模拟多进程爬取网页获取数据,使用进程绑定的回调函数去处理数据 4 5 import requests 6 from mu ...
【Android 高性能音频】AAudio 音频流 PCM 采样的采样缓冲播放的连续机制 ( 数据回调机制 | 数据回调函数指针 | 实现数据回调函数 | 设置数据回调函数 )
文章目录 I . AAudio 音频流采样缓冲播放的连续机制 II . AAudio 音频流数据回调函数函数指针类型定义 III . AAudio 音频流数据回调函数实现 IV . A ...
【Android 高性能音频】AAudio 音频流数据回调细节 ( 数据回调函数优先级 | 数据回调函数 | 采样率 | 采样数 | 缓冲区调整 | 线程不安全 )
文章目录 I . 数据回调函数优先级 II . 数据回调函数相关内容 III . 采样率处理细节 IV . 数据回调函数每次采样个数 numFrames V . 数据回调函数缓冲区 ( AA ...
send函数获得已发送数据长度_蓝牙BLE开发1--起因与回调函数
1 起因笔者在开发蓝牙芯片CC2540,试图取实现大量数据的BLE透传功能,在认真学习了蓝牙4.0协议标准以及TI提供的SDK说明,我总结了两个发送函数,以及两个接收函数的位置. 两个发送函数包括 ...
ajax post的回调函数另一个方法,jQueryajax–post()方法 - 米扑博客
jQuery ajax - post() 实例请求 test.php 网页,忽略返回值: $.post("test.php"); 通过 AJAX POST 请求改变 div 元素 ...
C#：使用海康SDK解码回调函数DecCallbackFUN()
简述使用海康摄像头采集图像时,需要在图像上添加图标.文字等额外数据.可选择使用海康SDK绘图回调函数叠加字符.图像等(请参考上一篇文章):也可使用海康SDK的解码回调函数,对视频流数据进行解码后 ...
python全局变量赋值报错_python全局变量、回调函数
1.python全局变量相关概念及使用来自菜鸟教程上的例子: http://www.runoob.com/python3/python3-function.html 一.python入参需要注意地方 ...
php数组回调函数,PHP:使用回调函数处理数组的函数
使用回调函数处理数组的函数: 1.array_filter(); 过滤数组中的值. ** $arr=array(0,'linux',123,'hello',false,array(),'0'); $a ...
ESP8266基于MicroPython的TCP socket回调函数实现案例
参考链接其它参考 python socket和简单tcp通信实现 - Katherina.K - 博客园 GitHub - robert-hh/FTP-Server-for-ESP8266-ESP3 ...

Layui回调函数改变不同数据的颜色

Layui回调函数改变不同数据的颜色相关推荐

最新文章

热门文章