easyui-datagrid改變單元格顏色
阿新 • • 發佈:2019-01-05
程式碼:
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;'; } } } } }); }