jqGrid根據每行單元格的值進行顏色標註
阿新 • • 發佈:2018-12-06
在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"); } } });