首页 > 其他 > 详细

EasyUI 中GridView 满足某条件 改变行的背景色

时间:2016-02-01 18:22:40      阅读:266      评论:0      收藏:0      [点我收藏+]

<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); }" 

<script type=‘text/javascript‘>
function RowStyle(index,row){
  //alert(row.send_date);//undefined  //取行中的列值
  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>2){//超过2天时 红色背景色
      return ‘background-color:#CF0C29;color:#fff;font-weight:bold;‘;
    }
  }
}

</script> 

 

EasyUI 中GridView 满足某条件 改变行的背景色

原文:http://www.cnblogs.com/hailexuexi/p/5175633.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!