在 Ag-Grid 中如何读取所有页面特定的单元格数据并存储到数组中

Posted 2023-03-28

【中文标题】在 Ag-Grid 中如何读取所有页面特定的单元格数据并存储到数组中

【英文标题】：in Ag-Grid how to read all pages specific cell data and store into array

【发布时间】：2021-10-26 05:54:45

【问题描述】：

    export class AppComponent 
    
      gridApi: any;
      columnApi: any;
    
      title = 'AgGridPro';
    
      constructor(private httpClient : HttpClient)
    
      
    
      column = [
        
          "headerName": "Name",
          "field": "name",
          sortable: true,
          editable: true
        ,
        
          "headerName": "Mobile",
          "field": "mobile"
        ,
        
          "headerName": "Age",
          "field": "age"
        ,
        
          field: 'age',
          minWidth: 120,
          aggFunc: 'sum',
        ,
        
          "headerName": "Address",
          "field": "Address"
        
      ]

 onGridReady(params: any) 
    this.gridApi = params.api;
    this.columnApi = params.columnApi;



  
    

在上面的代码中，我们有 200 行数据和 8 页，但如果尝试使用 griApi，我们只能读取 25 条记录中的 1 页，但无法读取另一页数据想要从行名中获取记录列表并存储如果名称中的任何一个为空，则进入新数组需要为该记录创建错误，因此需要将该空单元格名称数据列表存储到数组中

【参考方案1】：

可以使用grid api方法forEachNode遍历所有行数据：

https://www.ag-grid.com/javascript-data-grid/grid-api/

forEachNode

遍历网格中的每个节点（行）并调用回调 对于每个节点。这类似于 forEach 上的方法 JavaScript 数组。这对每个节点都调用，忽略任何 在网格内应用过滤或排序。如果使用无限 行模型，然后为页面中加载的每个页面调用它 缓存。

函数 forEachNode( 回调: (rowNode: RowNode, index: number) => void ): void;