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

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? 
} 

我知道我可以改變超常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>"; 
} 

返回追加到自己的價值塊20×20