为啥单击 ExtJS 4 网格面板操作列中的图标不选择行？

Posted 2023-02-26

【中文标题】为啥单击 ExtJS 4 网格面板操作列中的图标不选择行？

【英文标题】：Why does clicking icon in an ExtJS 4 grid panel actioncolumn not select the row?为什么单击 ExtJS 4 网格面板操作列中的图标不选择行？

【发布时间】：2014-01-24 05:43:20

【问题描述】：

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

actioncolumn 中有一个图标，其点击处理程序工作正常。

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

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

【问题讨论】：

这似乎可行，但是为什么当单击该行的 actioncolumn 图标时该行没有被选中？没有意义。 grid.getSelectionModel().select(record);

【参考方案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 ...
        
    ]