如何在元素重新渲染后将先前（重新渲染之前）值设置为 ag-grid Cell Renderer 输入元素？

Question

我在 Angular 项目中有单元格渲染 class，该项目在 ag-grid 单元格内生成 html 输入模板。 水平滚动后，当输入单元格 go 离开屏幕时，ag-grid 重新渲染这些输入元素并且输入元素失去它们的值。 下面是我的 CellRenderer class：

export class TemplateRendererComponent implements ICellRendererAngularComp {
  template: TemplateRef<any>;
  templateContext: { $implicit: any, params: any };

  refresh(params: any): boolean {
    this.templateContext = {
      $implicit: params.data,
      params,
    };
    return true;
  }

  agInit(params: ICellRendererParams): void {
    this.template = params[ 'ngTemplate' ];
    this.refresh(params);
  }
}

如何使这个输入元素保持它们的值？

Answer 1

根据cellRenderer生命周期，一旦它不在视野范围内，它就会被销毁。

您可以实现ngOnDestroy()并在单元格渲染器被销毁之前访问最后一个已知值。

  ngOnDestroy() {
    // do your stuff here
  }

您可以将此值存储在 redux 存储或服务中。

然后可以在重新初始化渲染器时在agInit()中访问此值。

Answer 2

" suppressColumnVirtualisation: 设置为 true 以便网格不会虚拟化列。例如，如果您有 100 列，但由于滚动而只有 10 列可见，则始终呈现所有 100 列。默认值：false" 来源： https：/ /www.ag-grid.com/javascript-grid-properties/