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"
                    });
                }
            }
        }
 }