EasyUI 中GridView 满足某条件(如:审批时间超过15天) 改变行的背景色
效果图:
<table id='grid' class='easyui-datagrid' style='width:1500px;height:450px' url='Ajax-index.php?module=<{$module_name}>&action=Ajax_GridView_Select_Dispose&assigned_user_id=<{$assigned_user_id}>&start_time=<{$start_date}>&stop_time=<{$stop_date}>' title='投诉列表' iconCls='icon-table' pagination='true' rownumbers='true' fitColumns='true' singleSelect='true' toolbar='#toolbar' data-options="rowStyler: function(index,row){ return RowStyle(index,row); }" > <thead>
重点:data-options="rowStyler: function(index,row){ return RowStyle(index,row); }"
javascript
//改变行 背景色 function RowStyle(index,row){ //alert(row.send_date);//undefined if(row.status=='已下发'){ //alert(row.status+' 211111');//已下发 未处理的 判断 下发时间距现在是否超过两天 if(row.send_date!=undefined){// var date_now=GetDateTime();//alert(date_now); date_diff=GetDateDiff(row.send_date, date_now, "day");//alert(date_diff); ////var date_diff=GetDateDiff("2010-02-26 16:00:00", "2011-07-02 21:48:40", "day");alert(date_diff);//时间差 if(date_diff>5){//超过5天时 红色背景色 return 'background-color:#CF0C29;color:#fff;font-weight:bold;'; } if(date_diff>2){//超过2天时 黄色背景色 return 'background-color:#AE8F00;color:#fff;font-weight:bold;'; } } } }
分类:
EasyUI
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
2012-02-01 C/C++获取当前系统时间
2012-02-01 C++ int 转 string (使用stringstream)
2012-02-01 C++ string 学习