extjs根据值更改网格单元格背景

Question

我将渲染器应用到我的网格列,但背景颜色没有变化:

renderer: function(value, meta) {
    if (parseInt(value) > 0) {
        meta.tdCls = 'category-matching'; return value;
    }
    else { 
        meta.tdCls = 'category-not-matching'; return value;
    }
}

CSS:

.x-grid-cell .category-matching {
    background-color:green;
}
.x-grid-cell .category-not-matching {
    background-color:red;
}

我也试过了

.grid-cell-inner

和

background-color:red; !important

但没有效果.

任何的想法？

Answer 1

试试这个...

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

这个对我有用.