Ag-Grid Angular pivot mode页面跳转后数据缺失问题求助

• 强制页面激活时刷新网格状态与数据
  页面切换返回后，Angular组件的生命周期钩子可能未正确重置pivot状态。可在组件销毁时记录当前pivot模式状态，返回后在ngAfterViewChecked中重新启用pivot模式、重载数据并强制刷新pivot模型：

  private isPivotMode = false;
  
  ngOnDestroy() {
    this.isPivotMode = this.gridApi?.isPivotMode();
  }
  
  ngAfterViewChecked() {
    if (this.isPivotMode && this.gridApi) {
      this.gridApi.setPivotMode(true);
      this.gridApi.setRowData(this.rowData);
      this.gridApi.refreshClientSideRowModel('pivot');
    }
  }
  

• 清理页面销毁时的网格实例
  离开页面时销毁网格实例，避免状态残留导致异常。在ngOnDestroy中调用销毁方法：

  ngOnDestroy() {
    this.gridApi?.destroy();
  }
  

• 关闭网格状态持久化
  若启用了状态缓存，返回时可能加载旧的异常状态。在网格配置中关闭enablePersistentState：

  <ag-grid-angular
    [enablePersistentState]="false"
    ...其他配置项
  ></ag-grid-angular>
  

• 锁定pivot列配置的完整性
  检查页面切换时是否有代码意外修改了columnDefs中的pivot相关配置（如pivot、aggFunc）。可在初始化时深拷贝原始列配置，返回时重新赋值：

  private originalColumnDefs: ColDef[];
  
  ngOnInit() {
    this.originalColumnDefs = JSON.parse(JSON.stringify(this.columnDefs));
  }
  
  ngAfterViewChecked() {
    if (this.isPivotMode && this.gridApi) {
      this.columnDefs = JSON.parse(JSON.stringify(this.originalColumnDefs));
      this.gridApi.setColumnDefs(this.columnDefs);
      // 后续执行数据刷新与pivot模式设置
    }
  }
  

内容的提问来源于stack exchange，提问作者MohanSee