如何通过更改单元格值在 jqxGrid (jqwidget) 单元格中填充自定义颜色？答案

【问题标题】：How to fill custom colors in jqxGrid (jqwidget) cells by changing the cell value?如何通过更改单元格值在 jqxGrid (jqwidget) 单元格中填充自定义颜色？
【发布时间】：2014-12-25 00:14:13
【问题描述】：

如何通过改变单元格值在jqxGrid (jqwidget)单元格中动态填充自定义颜色？

【问题讨论】：

标签： dynamic cell background-color jqxgrid jqwidget

【解决方案1】：

如果您想根据值设置单元格的背景颜色，您可以只为列使用自定义渲染器。

cellsrenderer: function(row, column, value) {
  var color = getColorForValue(value),     //function you write to determine the color
      display = getDisplayForValue(value); // function you write to determine what's displayed [optional]
  return '<div style="background-color: ' + color + '">' + display + '</div>';
}

【讨论】：

【解决方案2】：

我建议您更改单元格颜色、背景或其他一些 CSS 样式以使用“cellclassname”。示例：http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/gridcellclass.htm?arctic

【讨论】：

除非他要为 1600 万种不同颜色中的每一种定义一个 CSS 样式，否则这可能行不通。在这种情况下，更容易将计算出的样式应用于单元格渲染器中的单元格。
认真的吗？谁会为网格单元使用 1600 万种颜色变化？ 1-20 种颜色适用于 99% 的应用程序，使用我的方法，您不会覆盖小部件的渲染