extjs gridpanel如何实现选中某行背景色改变

<style>
   .row-green{background:green;}
   .row-yellow{background:yellow;}
</style>
listeners:{
  'rowclick':function(grid,index,e){
      var view=grid.getView();
      var row=view.getRow(index);
      row.className='row-yellow';
      /*for(var i=0;i<20;i++){if(i!=index) view.getRow(i).className='row-green'}*/
  }
}现在有一个问题，第二次点击时，gridpanel里面第一次选中的行背景色仍然为row-yellow，请问下有什么方法可以让选中行背景色为row-yellow，其他非选中的均为row-green,试过for循环,不过有问题，还望哪位大神不吝赐教下，给个思路或方法都行

2 个解决方案

#1

这个应该可以直接修改默认的css样式实现吧
找到默认的选中行和非选中行的颜色的css属性，改成你想要的颜色即可

#2

改css不行，那样会改变所有gridpanel的样式，客户要求某页中样式改变，其他不做改变，不过问题已解决，自己写个js判断下，谢谢啦