Extjs4 单元格变色

Ext.create('Ext.grid.Panel', {
        store: Ext.getStore("taskDataStore"),
        id: "gridView",
        columnLines: true,
        columns: [ {
            text: '人员名称',
            width: 60,
            sortable: true,
            dataIndex: 'ClientUserName',
            align: 'left',
            renderer: fnColumnColor
        },


function fnColumnColor()
{
    var vint = parseInt(value);
    if (vint <= 80) {
        metaData.style = "background-color: Red";
    }
    else if (vint > 80 && vint < 100) {
        metaData.style = "background-color: Orange";
    }
    else if (vint == 100) {
        
    }
    return value;
}


行变色
________________________________________

grid 
        viewConfig : {
             getRowClass: fnRowRenderer
         }


function fnRowRenderer(record, rowIndex, rowParams, store) {
        var cls;
        var percentint = parseInt(record.data.WorkingHoursEfficiency);
        if (percentint <= 80) {
            cls = "x-grid-back-below80";
        }
        else if (percentint > 80 && percentint < 100) {
            cls = "x-grid-back-above80";
        }
        else if (percentint == 100) {
            cls = "x-grid-back-100";
        }
        return cls;
}