ag-grid - 如何在 ag-grid 中添加自定义行焦点类

Question

我想控制行焦点过程。我需要在表格中显示关于行焦点更改的确认对话框。

我尝试使用 rowClassRules 属性来执行此操作，但据我了解，在表格呈现时功能会应用类，之后行类停止更改

rowClassRules = {
    'custom-row-focus': (params) => {
      return params.data.id === this.currentSelectedItem.id
    }
  }

当我单击该行时设置的 currentSelectedItem

标签： ag-gridag-grid-ng2

Answer 1

在文档中找到答案

https://www.ag-grid.com/javascript-grid-row-styles/#refresh-of-styles

如果刷新一行，或者由于编辑而更新了单元格，则 rowStyle、rowClass 和 rowClassRules 都会再次应用。

所以，当我点击该行时，我应该做这样的事情：

onClicked($event: RowClickedEvent) {
    $event.node.setData({...$event.data});
}