zoukankan      html  css  js  c++  java
  • EasyUI 中GridView 满足某条件 改变行的背景色

    <table id='grid' class='easyui-datagrid' style='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> 

  • 相关阅读:
    TCP协议实现双工通信
    搭建本地FTP服务器
    CSS 3 选择器root、not、empty、target
    CSS 3 中的伪类选择器
    CSS 3 中的属性选择器
    Entity Framework Code First属性映射约定
    Entity Framework数据库初始化四种策略
    HTML 5 Base 64 编码
    HTML 5 离线程序
    HTML5 本地数据库IndexedDB数据库
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/5175633.html
Copyright © 2011-2022 走看看