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 @ 2016-02-01 16:17  海乐学习  阅读(478)  评论(0编辑  收藏  举报