Question

我想根据列值将一个带有自定义背景颜色的小方块附加到列中。

我为列定义了一个渲染器函数，例如：

this.addColorSqureToToTextColumn = function(value,meta,record,rowIndex,colIndex,store) {
  var color = record.get("color");
  return value; // how to append a boxcomponent with the background color after the value?
}

我知道我可以更改整个列的meta css并设置背景颜色，但我希望在该值旁边有一个小的彩色方块。

Answer 1

没意识到你只能返回html标记：

this.addColorSqureToToTextColumn = function(value,meta,record,rowIndex,colIndex,store) {
  var color = record.get("color");
  return value + "<div style='position: relative; left: 10px; top: 5px;display:inline-block;height:20px;width:20px;background-color:" + color + ";'></div>";
}

返回附加到我的值

的块20x20

ExtJS 2.3列自定义渲染器追加boxcomponent

1 个答案: