jqGrid设置指定行的颜色

来源：互联网发布：小米主题破解软件编辑：程序博客网时间：2024/06/09 19:46

效果：

这里写图片描述

在页面中新建样式：

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

0 0