为什么在ExtJS 4网格面板操作列中单击图标而不选择该行？

Question

我有一个带有动作列的网格面板。

action列中有一个图标，其点击处理程序正常。

但是当我点击图标时，在点击处理程序中我想访问所选行，但似乎没有选择行。

这是预期的吗？单击actioncolumn图标时是否需要手动设置所选行？

Answer 1

如果您想在用户点击actioncolumn中的图标后选择行，只需将actioncolumn stopSelection配置属性设置为false：

{    
    xtype:'actioncolumn',
    stopSelection: false,
    items: [{
       ...
    }]
}

但是，当用户单击操作列中的图标时，如何访问行记录的常见用例是获取用户单击操作列图标的行的索引，并从该索引处的商店获取记录：

{
    xtype:'actioncolumn',
    items: [{
        tooltip: 'Edit',
        handler: function(grid, rowIndex, colIndex) {
            // get record at index of row where user click on icon in action column
            var record = grid.getStore().getAt(rowIndex);
            // do action with record ...
        }
    }]
}