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

Dynamic 如何通过更改单元格值在jqxGrid(jqwidget)单元格中填充自定义颜色?,dynamic,cell,background-color,jqxgrid,jqwidget,Dynamic,Cell,Background Color,Jqxgrid,Jqwidget,如何通过更改单元格值动态填充jqxGrid(jqwidget)单元格中的自定义颜色 如果要基于该值设置单元格的背景色,只需为列使用自定义渲染器即可 cellsrenderer: function(row, column, value) { var color = getColorForValue(value), //function you write to determine the color display = getDisplayForValue(value);

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

如果要基于该值设置单元格的背景色,只需为列使用自定义渲染器即可

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>';
} 
cellsrender:函数(行、列、值){
var color=getColorForValue(value),//用于确定颜色的函数
display=getDisplayForValue(value);//用于确定显示内容的函数[可选]
返回“”+显示+“”;
} 

我建议您更改单元格颜色、背景或其他CSS样式,改为使用“cellclassname”。示例:

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