如何在Ag-Grid中添加自定义行焦点类

时间:2019-08-07 14:34:40

标签: ag-grid ag-grid-ng2

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

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

rowClassRules = {
    'custom-row-focus': (params) => {
      return params.data.id === this.currentSelectedItem.id
    }
  }
当我点击该行时

currentSelectedItem集

1 个答案:

答案 0 :(得分:0)

在文档中找到答案

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

如果刷新行或由于编辑而更新了单元格,则将再次应用rowStyle,rowClass和rowClassRules。

因此,当我单击该行时,我应该做这样的事情:

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