如果在多个组件中使用相同的 ag-grid，如何在 Angular 中使用行 DoubleClick？

Question

我有一个ag-grid，用于 4 个不同的Angular 组件。我只想为一个组件启用rowDoubleClicked。但是当我在网格中给出它时，它会为所有组件启用。

如何使它只启用为该特定组件发出的一种特定方法？

我读到我们可以在 component.ts 文件中使用this.gridOptions.onRowDoubleClicked，但不确定如何将它准确地用于特定方法。

模板：-

<ag-grid-angular
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      [rowSelection]="rowSelection"
      (gridReady)="onGridReady($event)"
      (rowDoubleClicked) = "onRowDoubleClick()"
      gridOptions="{{ gridOptions }}"
    >
    </ag-grid-angular>

component.ts :-

onRowDoubleClick(){
     console.log("Double Click works for a particular component");
     }

Answer 1

在您的组件中定义 gridOptions 并将其传递给模板。 像这样的，

内模板：

[gridOptions]="gridOptions"

在组件中：

export class YourComp {
   gridOptions: GridOptions; //Declare gridoptions
   constructor(){
        this.gridOptions = {
        onRowDoubleClick: yourMethod()
      }
  }
}