关于jquery jqgrid 改变行背景颜色

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