1. 程式人生 > >jqGrid根據每行單元格的值進行顏色標註

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"); } } });