Extjs GridPanel 双击修改每行样式

环境

extjs 3.1.1

实现

1. 样式

.action{
  background-color: #B1CCED!important;
 }
 .action table td div {
   word-wrap:break-word!important;
   word-break: normal!important;
   white-space: pre-wrap!important;
 }

2. 代码

listeners:{
       "rowdblclick":function(grid, rowIndex, e){
           var row = grid.getView().getRow(rowIndex);
           var extjsRow = Ext.get(row);
           if ( extjsRow.hasClass('action') ) {
               extjsRow.removeClass('action');
           } else {
               extjsRow.addClass('action')
           }
       }
    }

效果图