Extjs 4 grid修改某一行style

2019独角兽企业重金招聘Python工程师标准>>>

原理：

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

转载于:https://my.oschina.net/u/1267653/blog/222320