AG Grid Angular 自定义工具提示不适用于两个组件

时间:2021-01-24 03:37:21

标签: javascript angular angular-material ag-grid

我正在使用 Angular Material Tab 组件以及如下所示的 AG Grid

<mat-tab-group>
  <mat-tab label="First Tab">
    <app-grid-component1></app-grid-component1> //First Component
  </mat-tab>
  <mat-tab label="Second Tab">
     <app-grid-component2></app-grid-component2>
  </mat-tab>
</mat-tab-group>

我已经创建了工具提示组件

 agInit(params: ToolTipParams): void {
    this.params = params;
    if (params.lineBreak === true) {
      this.toolTip = params.toolTipArray.join('\n');
    } else if (params.lineBreak === false) {
      this.toolTip = params.toolTip;
    } else {
      this.toolTip = params.value;
    }
  }

  refresh(params: ToolTipParams): boolean {
    this.params = params;
    return true;
  }

我的第一个组件工作正常,并在每个单元格上显示工具提示

  this.gridOptions = {
      deltaRowDataMode: true,
      rowSelection: 'single',
      defaultColDef: {
        sortable: true,
        resizable: true,
        // PLACE HERE TO EFFECT ALL COLUMNS
        cellRendererFramework: ToolTipComponent,
        cellRendererParams: (params: ICellRendererParams) => this.formatToolTip(params.data)
      }
    };

但是如果我单击并转到具有与第一个选项卡相同配置的第二个选项卡,工具提示会完美地显示前两列,但在悬停时不会从第三列显示...我只能看到一点黑色没有内容的框,但如果我单击单元格,我可以看到工具提示内容。我确实将日志和检查的 aginit 函数放在带有数据的工具提示组件加载中,但工具提示在悬停时没有显示任何数据。

0 个答案:

没有答案