angular - 无法在 ag-grid 自定义工具提示中获取行 ID

Question

我使用带有自定义工具提示和按行过滤的 ag 网格创建了表格。假设默认网格有 4 行，行索引如下所示

row-index: 0
row-index: 1
row-index: 2
row-index: 3

在过滤行时，行索引每次都会重置 0,1,2... 我想要的只是行 ID，它是恒定的。

如何在 ag 网格自定义工具提示中获取行 ID

import { Component } from '@angular/core';
import { ITooltipAngularComp } from 'ag-grid-angular';   

@Component({
  selector: 'tooltip-component',
  templateUrl: './ag-grid-tooltip.component.html',
  styleUrls: ['./ag-grid-tooltip.component.scss'],
})
export class AgGridTooltipComponent implements ITooltipAngularComp {

  private params: any;

  public data: string;
  public show: boolean;

  constructor() {

  }

  agInit(params): void {
    this.params = params;
    console.log(this.params.rowIndex); // working fine always starts with 0


   console.log(this.params.rowId); // undefined
console.log(this.params.node.id); // can not read id.



      }
    }

标签： angularag-grid

Answer 1

您需要像这样实现 getRowNodeId 函数。

gridOptions.getRowNodeId = (item) => {
   return item.id;
};