关于jquery jqgrid 改变行背景颜色

在做项目工程中,遇到过客户要求在同一行上的两个列值不等时,标记颜色,用于马上定位到这一行的值不相等;如下是具体实现代码:
首先,在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;
本人觉得粉色看的比较清楚,红色太红了;    

    原文作者:加州小熊
    原文地址: https://blog.csdn.net/akemt/article/details/44056691
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞