angular - 如何找出 ag-grid 的选定行的索引

Question

我遇到了一个问题，我想向指定行的 ag 网格添加新行(即我只想在 ag 网格中所选行的下方添加一个新行)

作为第一步，我尝试获取所选行的索引号。但无法获取所选行的索引。

下面是我尝试在ag网格中打印索引的代码。

在列定义中:

public columnDefs = [
      {headerName: 'index', valueGetter: (args) => this._getIndexValue(args), field: 'index',editable: true, width:100}]

 _getIndexValue(args: ValueGetterParams): any {
     return args.node.rowIndex;
  }

但是这段代码按预期工作，我能够在 ag 网格中看到索引列。但是我如何获取特定选定行的索引？

我使用下面的代码来获取所选行。

this.gridApi.getSelectedRows();

但是我无法在哪里获取该行的索引。

请帮助我。

Answer 1

来自答案我linked ，您可以在 ag-grid-angular 元素上使用 (rowClicked)="onRowClick($event)" ，并在 .ts 中使用:

onRowClick(event: any): void {
    console.log(event.rowIndex);
}

检查stackblitz example .