關於jquery jqgrid 改變行背景顏色
阿新 • • 發佈:2018-12-22
在做專案工程中,遇到過客戶要求在同一行上的兩個列值不等時,標記顏色,用於馬上定位到這一行的值不相等;如下是具體實現程式碼:
首先,在jqgrid的gridComplete中載入一下方法:
gridComplete: function() {
//已分配 數量 和 已清分數量不等時,標粉
afterCompleteFunction();
}
//資料載入完成後,如果 兩特定列值不等時,則記錄在列表中用粉紅色表示
function afterCompleteFunction(){
//獲取列表資料
var ids = $("#list4").jqGrid("getDataIDs");
var rowDatas = $("#list4").jqGrid("getRowData");
for(var i=0;i 小於號 rowDatas.length;i++){
var rowData = rowDatas[i];
var taskCount = rowData.TASK_COUNT;
var resultCount = rowData.RESULT_COUNT;
if(taskCount != resultCount){
//獲取每行下的TD更改CSS
//第一種寫法
//$("#"+rowData.crmCustContractId).find("td").css("background-color", "pink");
//第2種寫法
$("#"+ids[i]+ " td").css("background-color","pink");//--------(1)
//alert($("#"+rowData.crmCustContractId).find("td")[0]);
}else{
$("#"+ids[i]+ " td").css("background-color","white");
}
}
return true;
}
(1).ids[i] 是 這一行的行索引值(如:第一行);pink :粉紅色;red:紅色;等等,相信大家想要什麼顏色就自己上去配置就OK;
本人覺得粉色看的比較清楚,紅色太紅了;