Extjs Grid设置单行颜色后，没有效果

我写的一小段代码，生成一个Grid后，把第2行变成红色，结果没有效果，请您指正，多谢！
Ext.onReady(function(){

var cm = new Ext.grid.ColumnModel([
    {header: 'name', dataIndex: 'name'},
    {header: 'sex', dataInex: 'sex'},

]);

var PersonRecord = Ext.data.Record.create([
    {name: 'name', type: 'string'},
    {name: 'sex', type: 'int'},
    {name: 'color', type: 'string'}
]);

var data = [
    ['boy', 0, '#FBF8BF'],
    ['girl', 1, '#99CC66'],
    ['man', 0, '#F5C0C0'],
    ['woman', 1, '#FF0000']
];

var store = new Ext.data.Store({
    proxy: new Ext.data.MemoryProxy(data),
    reader: new Ext.data.ArrayReader({}, PersonRecord)
});
store.load();

var grid = new Ext.grid.GridPanel({
    store: store,
    cm: cm,
    autoHeight: true,
    renderTo: 'grid',

});
             我想把第2行设置为红色，结果运行后没有任何效果，请您指教！多谢！    
     grid.getView().getRow(1).style.backgroundColor='#FF0000';
     grid.getView().refresh(true);

});

    <style type="text/css">

.red-row{ background-color: red}

<br> Ext.onReady(function(){<br> var PersonRecord = Ext.data.Record.create([<br> {name: &#39;name&#39;, type: &#39;string&#39;},<br> {name: &#39;sex&#39;, type: &#39;int&#39;},<br> {name: &#39;color&#39;, type: &#39;string&#39;}<br> ]);</p> <pre><code>var data = [ [&#39;boy&#39;, 0, &#39;#FBF8BF&#39;], [&#39;girl&#39;, 1, &#39;#99CC99&#39;], [&#39;man&#39;, 0, &#39;#F5C0C0&#39;], [&#39;woman&#39;, 1, &#39;#FFFFFF&#39;] ]; var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, PersonRecord) }); store.load(); var grid = new Ext.grid.GridPanel({ store: store, columns: [ {header: &#39;name&#39;, dataIndex: &#39;name&#39;}, {header: &#39;sex&#39;, dataInex: &#39;sex&#39;} ], autoHeight: true, trackMouseOver:false, renderTo: &#39;grid&#39; }); Ext.get(&#39;change&#39;).on(&#39;click&#39;, function() { Ext.get(grid.getView().getRow(1)).radioClass(&quot;red-row&quot;) }); </code></pre> <p>});<br>

grid.getView().refresh(true);
去掉

            <style type="text/css">

.white-row{ background-color: white; }
.red-row{ background-color: red ; }

<br> Ext.onReady(function(){</p> <pre><code>var cm = new Ext.grid.ColumnModel([ {header: &#39;name&#39;, dataIndex: &#39;name&#39;}, {header: &#39;sex&#39;, dataInex: &#39;sex&#39;} ]); var PersonRecord = Ext.data.Record.create([ {name: &#39;name&#39;, type: &#39;string&#39;}, {name: &#39;sex&#39;, type: &#39;int&#39;}, {name: &#39;color&#39;, type: &#39;string&#39;} ]); var data = [ [&#39;boy&#39;, 0, &#39;#FBF8BF&#39;], [&#39;girl&#39;, 1, &#39;#99CC66&#39;], [&#39;man&#39;, 0, &#39;#F5C0C0&#39;], [&#39;woman&#39;, 1, &#39;#FF0000&#39;] ]; var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, PersonRecord) }); store.load(); var grid = new Ext.grid.GridPanel({ store: store, cm: cm, autoHeight: true, renderTo: &#39;grid&#39;, viewConfig : { forceFit : false, enableRowBody : true, getRowClass :function(record, rowIndex, p, ds) { var cls = &#39;white-row&#39;; switch (rowIndex) { case 1: // 把第2行设置为红色 cls = &#39;red-row&#39; break; } return cls; } } }); </code></pre> <p>});<br>

backgroundColor style中好像没有这个属性

在我这试验是成功的 把refresh去掉之后

2.0中是好用的，3以后的版本是不好用的