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;';
                }
            }
        }
    }
复制代码

 

posted @   海乐学习  阅读(486)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.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 学习
点击右上角即可分享
微信分享提示