1. 程式人生 > >關於jquery jqgrid 改變行背景顏色

關於jquery jqgrid 改變行背景顏色

在做專案工程中,遇到過客戶要求在同一行上的兩個列值不等時,標記顏色,用於馬上定位到這一行的值不相等;如下是具體實現程式碼: 首先,在jqgrid的gridComplete中載入一下方法: gridComplete: function() { //已分配 數量 和 已清分數量不等時,標粉   afterCompleteFunction(); } //資料載入完成後,如果 兩特定列值不等時,則記錄在列表中用粉紅色表示 function afterCompleteFunction(){ //獲取列表資料 var ids = $("#list4").jqGrid("getDataIDs"); var rowDatas = $("#list4").jqGrid("getRowData");
for(var i=0;i 小於號 rowDatas.length;i++){ var rowData = rowDatas[i]; var taskCount = rowData.TASK_COUNT;  var resultCount = rowData.RESULT_COUNT; if(taskCount != resultCount){ //獲取每行下的TD更改CSS //第一種寫法 //$("#"+rowData.crmCustContractId).find("td").css("background-color", "pink"); //第2種寫法 $("#"+ids[i]+ " td").css("background-color","pink");//--------(1)
//alert($("#"+rowData.crmCustContractId).find("td")[0]); }else{ $("#"+ids[i]+ " td").css("background-color","white"); } } return true; (1).ids[i] 是 這一行的行索引值(如:第一行);pink :粉紅色;red:紅色;等等,相信大家想要什麼顏色就自己上去配置就OK; 本人覺得粉色看的比較清楚,紅色太紅了;