jqGrid根据每行单元格的值进行颜色标注

在loadComplete追加相应的判断,主要是loadComplete方法, demo如下:
$("#table_list_1").jqGrid({
    url:"${pageContext.request.contextPath}/showFault.action",
    postData:json ,
    datatype: "json",
    height: '200%',
    mtype:'POST',
    autowidth: true,
    shrinkToFit: true,
    rowNum: 14,
    rowList: [10, 20, 30],
    colModel:colModel,
    pager: "#pager_list_1",
    viewrecords: true,
    caption: "故障信息",
    hidegrid: false,
    loadonce:true,
    loadComplete: function() {
        //获取列表数据
        var ids = $("#table_list_1").jqGrid("getDataIDs");
        var rowDatas = $("#table_list_1").jqGrid("getRowData");
        for (var i = 0; i < rowDatas.length; i++) {
            var rowData = rowDatas[i];
            var electricityCondition = rowData.electricityCondition;
            var electricity = rowData.electricity;
            var communication = rowData.communication;
            if (electricity == null || electricity == 0)
                $("#" + rowData.id).find("td").css("background-color", "pink");
            if (electricityCondition == "异常")
                $("#" + rowData.id).find("td").css("background-color", "#C1FFC1");
            if (communication != "OK")
                $("#" + rowData.id).find("td").css("background-color", "#DDA0DD");
        }
    }
});

猜你喜欢

转载自blog.csdn.net/shan1774965666/article/details/81866005