EXTJS Modern Grid实现双击行展开的功能

首先给Grid注册一个双击事件

grid.element.on({
            doubletap: 'onGridDoubleTap',
            scope: this
        }); 

然后是具体的onGridDoubleTap方法

expandedCls: Ext.baseCSSPrefix + 'expanded',
onGridTap: function(event) {
var el = event.getTarget(),
    cell = Ext.Component.fromElement(el),//获取双击选中的单元格
    row = cell.getParent();//获取双击选中的行
row.cells[0].toggleCls(this.expandedCls);//row.cells[0]为选中行的第一列，也就是图标列，后面代码的意思是行展开或收缩时会相应改变图标样式
row.toggleCollapsed();//这是控制行展开或是收缩
},