带Redux的AG-Grid

Ami*_*.io 5 architecture reactjs redux ag-grid ag-grid-react

在我的工作中,我们决定使用AG-Gridreact变体:https : //www.ag-grid.com/best-react-data-grid/index.php

目前,我们的架构ReactRedux。据我所知,AG-Grid我可以说它与该体系结构不太吻合。AG-Grid保持组件内部的整体状态。尝试将其强制完全地连接到redux既麻烦又聪明。

我可以接受,但是至少我需要注意行模型的更改-意味着获取新行,排序和过滤(我不需要关注单元格的更改)。我有两个关于如何注意并将其连接到redux的想法。

选项1-使用gridOptions.onModelUpdated()

gridOptions.onModelUpdated()我所知,何时执行过滤或排序,但我无法到达显示的所有行(docs):

状态1:行数据

API:没有API可以获取此数据。但是它是由应用程序提供的,因此您应该已经拥有它。

因此,我无法调度redux动作,因为我没有任何数据可以更新它。

选项2-datasource.getRows()

我可以用新行调度动作。但是,我还没有发现任何onReset/onRowsDeleted/...事件,因此我不知道何时清除redux state.rows更新我可以知道,如果argumernt paramsdatasource.getRows(params)is ,则会清除先前的行params.startRow === 0

也许我找到了一种方法来使用两个选项之一,但是我的问题是:

那些好的想法是如何联系AG-GridRedux

Ana*_*nas 0

Ag-grid (v 10.1.0 ) 现在支持 Redux :

https://ag-grid.com/example-react-redux/?framework=all#gsc.tab=0

  • 在这个例子中没有使用无限行模型,Redux 也支持这个吗? (9认同)