easyui的datagrid改變單元格顏色


另一種方法:https://www.cnblogs.com/raitorei/p/10395233.html

easyui的datagrid改變整行顏色:https://www.cnblogs.com/raitorei/p/10641342.html

代碼:

function centerList(){
    $('#centerList').datagrid({
        width:'100%',
        iconCls : 'icon-ok',
          pageSize : 1,//默認選擇的分頁是每頁5行數據
          pageList : [ 15,50,100,150 ],//可以選擇的分頁集合
          nowrap : true,//設置為true,當數據長度超出列寬時將會自動截取
          striped : false,//設置為true將交替顯示行背景。
          collapsible : true,//顯示可折疊按鈕
          url:'report/getAlarmDetailsData.action',//url調用Action方法
          loadMsg : '數據裝載中......',
          singleSelect:true,//為true時只能選擇單行
          fitColumns:true,//允許表格自動縮放,以適應父容器
          //sortName : 'xh',//當數據表格初始化時以哪一列來排序
          //sortOrder : 'desc',//定義排序順序,可以是'asc'或者'desc'(正序或者倒序)。
          remoteSort : false, 
          pagination : false,//分頁
          rownumbers : true,//行數
          queryParams:{'flag':3},
          onLoadSuccess:function(data){
              var trs = $(this).prev().find('div.datagrid-body').find('tr');
              //行
              for(var i=0;i<trs.length;i++){
                  //行內單元格
                  for(var j=1;j<trs[i].cells.length;j++){
                      var row_html = trs[i].cells[j];
                      var cell_field=$(row_html).attr('field');
                      var cell_value=$(row_html).find('div').html();
                      if(cell_value == 0){
                          trs[i].cells[j].style.cssText='background:#59DB8F;';
                      }
                      if(cell_field == 'alarm1' && cell_value > 0){
                          trs[i].cells[j].style.cssText='background:#FFF68F;';
                      }
                      if(cell_field == 'alarm2' && cell_value > 0){
                          trs[i].cells[j].style.cssText='background:#FFC859;';
                      }
                      if(cell_field == 'alarm3' && cell_value > 0){
                          trs[i].cells[j].style.cssText='background:#FFA059;';
                      }
                      if(cell_field == 'alarm4' && cell_value > 0){
                          trs[i].cells[j].style.cssText='background:#FF6347;'; } } }
          }
    });
}

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM