首先给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();//这是控制行展开或是收缩
},