ag-grid主详细信息复选框未持久

时间:2019-08-01 18:30:00

标签: ag-grid ag-grid-react

在ag-grid主详细信息功能中,当我检查第一个详细信息网格中的行,然后滚动到底部网格并展开/折叠该网格时,我向详细信息网格添加了复选框,第一个网格中的复选框消失了(不持久) 。 https://plnkr.co/edit/UeWohlz76GM7B4L80n91?p=preview

<AgGridReact
  columnDefs={this.state.columnDefs}
  masterDetail={true}
  detailCellRendererParams={this.state.detailCellRendererParams}
  detailRowHeight={this.state.detailRowHeight}
  defaultColDef={this.state.defaultColDef}
  onGridReady={this.onGridReady}
  getRowHeight={this.state.getRowHeight}
  groupDefaultExpanded={1}
  rowData={this.state.rowData}
/>

复选框值应保留在第一个(顶部网格)中。

1 个答案:

答案 0 :(得分:0)

我的Stack代表没有足够的能力来添加评论,但是请注意,这不是解决方案-更多评论。

当主网格将其折叠时,Ag-Grid将从DOM中删除详细信息网格。这样,就没有Ag-Grid状态可以记住为折叠的明细网格检查了什么。在项目的类似的主从网格表格中,此问题已通过

解决
  1. 维护详细信息网格选定行的本地状态(选中一个开/关,将其从本地状态数组中添加/删除)
  2. 使用详细信息 onGridReady 方法,调用一个函数以编程方式遍历每个详细信息行节点。我相信您可以使用GridApi的 forEachNode 方法执行此操作
  3. 在遍历每个详细信息节点时,请使用详细信息节点的唯一ID,以查看是否在步骤1 中在选定的详细信息行本地状态设置中存储了相同的唯一ID。如果是这样,请使用节点的 setSelected 方法将其打开