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