jqGrid设置指定行的颜色

时间:2022-02-04 22:12:53

效果:

jqGrid设置指定行的颜色

在页面中新建样式:

<style>
.differentFlag {
color:#FF0000 ;
}

</style>

在js中添加样式:

gridComplete:function(){
//如果是报表统计页面
if(tableId == "#report_grid_table"){
//获取这一页所有的id
var ids = $("#report_grid_table").jqGrid("getDataIDs");
//如果id存在
if(ids){
//循环id
for(var i=0; i<ids.length; i++){
//指定id行的数据
var rowData = $("#report_grid_table").jqGrid("getRowData",ids[i]);
var attr = "";
//不一致记录标红
if(rowData.differentFlag == "true"){
//插入样式,注意:当一个页面中包含多个jqgrid的时候,addClass的时候不能只根据id来添加,需要在id之前加上tableId '#report_grid_table '
$('#report_grid_table '+'#'+ids[i]).find("td").addClass("differentFlag");
if(rowData.logId == "undefined" || rowData.logId == "" || rowData.logId == null){
attr = "";
}else{
attr = "<div><a onclick='lookOver("+rowData.logId+")' style='color:#FF0000'>查看</a></div>";
}
}else{
attr = "<div><a onclick='lookOver("+rowData.logId+")'>查看</a></div>";
}
$("#report_grid_table").jqGrid("setRowData",ids[i],{other:attr});
}
}
}
}

注意点:

当一个页面中包含多个jqgrid的时候,addClass的时候不能只根据id来添加,需要在id之前加上tableId,以保证唯一性。