【jqGrid】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，以保证唯一性。