jqgrid自定義格式化程序正在申請摘要也

Question

我正在使用jqGrid v5.0.2來實現自定義格式化程序。我在列中啓用了摘要。如果列值大於40，我希望以紅色顯示文本。我已經對我的問題實施了Oleg的解決方案。格式化工作，但它也被應用到彙總行也。例如：

Resource Week1 
-------- ----- 
Mr.X   45 
    -Task1  25 
    -Task2  20 

1）在上面的例子中，我只希望使用值20和25的細胞是紅色（如果它們是單獨地高於40），但該分組單元45也被顯示在red.I希望分組單元格只有在高於80（40 + 40）時纔是紅色的。有關如何實現我想要的結果的任何建議？

我的代碼：

{ 
      name: "FirstWeek", 
      editable: true, 
      sortable: false, 
      formatter: function (cellvalue) { 
       var color; 
       var val = Number(cellvalue); 
       if (val > 40) { 
        color = 'red'; 
       } 
       var cellHtml = "<span style='color:" + color + "' originalValue='" + 
          val + "'>" + val + "</span>"; 
       return cellHtml; 
      }, 

      unformatter: function(cellValue, options, cellObject) { 
        return $(cellObject.html()).attr("originalValue"); 
       }, 

       summaryTpl: "<b>{0}</b>", 
       summaryType: "sum", 
       editrules: { number: true, minValue: 0, maxValue: 40 } 
      } 

2）儘管在線編輯自定義格式的單元格，我在小區（UI）越來越<span class="cellWithoutBackground" style="color:undefined;">25</span>。我也使用了unformatter功能。這似乎不起作用。幫助讚賞。

Answer 1

我建議您刪除formatter和unformatter回調，並在列中使用cellattr回調。它可以像定義：

cellattr: function(rowId, val, rawObject) { 
    if (Number(val) > 40) { 
     return " style='color: red'"; 
    } 
} 

或類似

cellattr: function(rowId, val, rawObject) { 
    if (Number(val) > 40) { 
     return " class='my-text-color'"; 
    } 
} 

，你在列的特定細胞（<td>元素）設置my-text-color類。如果您使用class屬性，那麼您應該定義額外的CSS規則，如

.my-text-color { 
    color: red; 
}