Extjs 4 grid修改某一行style

摘要: Extjs Ext.grid.Panel 行变色

原理：

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