3

我是 react-Ag-Grid 的新手，我想在反应选项卡中显示和操作多个 Ag-Grid，以便在选项卡中显示网格。

我正在使用 react-tabs-redux。请参阅下面的网址。

https://www.npmjs.com/package/react-tabs-redux

https://www.ag-grid.com/

我在标签中获得了多个 Ag-Grid。但是当我在网格上做一些操作时，它只在最后一个选项卡网格上执行，我想要我正在执行操作的选项卡中的网格数据（如添加、删除、更新行等）它应该只反映当前活动选项卡所在的同一网格的更改。

在 Javascript 中，我们可以在选项卡中显示多个 Ag-grid 并进行操作。通过为每个网格保留单独的 gridOptions，例如 gridOptionsOne ， gridOptionsTwo

但是 React-Ag-Grid 中的 React js 是 Component 中的网格

我在循环中使用 AgGridReact 组件在选项卡中显示网格

在 onGridReady 函数中如何获取选项卡内的每个网格如何为 Ag-Grid 操作获取不同的 gridApi 和 gridColumnApi

  onGridReady(params) {
            this.gridApi = params.api;
            this.gridColumnApi = params.columnApi;

        }


<AgGridReact
      columnDefs={this.state.columnDefs}
      rowData={this.state.rowData}                                                               
      onGridReady={this.onGridReady.bind(this)}                                                                
     enterMovesDownAfterEdit={true}                                                                
     enterMovesDown={true}                                                                        
 />

提前致谢

4

0 回答 0