ExtJS 4爲單元格設置背景顏色

Question

ExtJS 4有沒有辦法在整個表格中的單元格中添加背景顏色，僅取決於單元格中的值而不是列上的值？

Answer 1

加渲染到你的專欄：

renderer: function (val, metadata, record) { 
var backgroundColor = null; 
if (val) { 
    if (val == 1) backgroundColor = "green"; 
    if (val == 2) backgroundColor = "red";     
} 
metadata.style = 'background-color: ' + backgroundColor + ';';    
return ''; 

}

這裏是一個工作示例：https://fiddle.sencha.com/fiddle/b73

Answer 2

這對我的作品......

renderer : function(value, meta) { 
    if(parseInt(value) > 0) { 
     meta.style = "background-color:green;"; 
    } else { 
     meta.style = "background-color:red;"; 
    } 
} 

Answer 3

Basicly你想要做的是：

所有列創建1個渲染器：

columns:{ 
    defaults: { 
    renderer: myrenderer 
    }, 
    items:[ 
    //your column definitions here... 
    ] 
} 

演示器是水木清華這樣的：

var myrenderer = function(value, metaData, record, rowIndex, colIndex, store, view) { 
if (value >= 0 && value < 25) { 
    metaData.tdCls += 'x-change-cell-red'; 
} else if (value >= 25 && value < 50) { 
    metaData.tdCls += 'x-change-cell-orange'; 
} else if (value >= 50 && value < 75) { 
    metaData.tdCls += 'x-change-cell-yellow'; 
} else if (value >= 75 && value < 100) { 
    metaData.tdCls += 'x-change-cell-green'; 
} else if (value === 100){ 
    metaData.tdCls +='x-change-cell-awesome-green'; 
}else { 
    metaData.tdCls += 'x-change-cell-violet'; 
} 
return value + '%'; 
}