Extjs 4 grid修改某一行style

原理：

    在grid中监听viewready事件，该事件是在grid在界面显示以后触发，此时grid.getEl()才能获得整个grid的dom元素，在这以前获得的只有表头的dom元素。获得所有的dom元素后，经过record能够获得所属行的id，在grid dom中经过id能够获得record所在行的dom，而后就能够进行操做了。

listeners: {
        //grid在界面显示以后触发viewready事件
        viewready: function(grid, eOpts) {
            var view = grid.getView(),
                store = grid.getStore();

            for (var i = store.getCount(); i--;) {
                //遍历record
                //在view中根据record得到record所在行的id
                //grid.getEl()得到整个grid的domElement
                //根据行id和grid的整个domElement，找到行的domElement
                var record = store.getAt(i),
                    rowId = view.getRowId(record),
                    rowDom = grid.getEl().down("#" + rowId);
                
                if (your condition) {
                    //修改行的style
                    rowDom.setStyle({
                        color: "red"
                    });
                }
            }
        }
 }