Ami*_*.io 5 architecture reactjs redux ag-grid ag-grid-react
在我的工作中,我们决定使用AG-Gridreact变体:https : //www.ag-grid.com/best-react-data-grid/index.php
目前,我们的架构React是Redux。据我所知,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 params为datasource.getRows(params)is ,则会清除先前的行params.startRow === 0。
题
也许我找到了一种方法来使用两个选项之一,但是我的问题是:
那些好的想法是如何联系AG-Grid的Redux?
Ag-grid (v 10.1.0 ) 现在支持 Redux :
https://ag-grid.com/example-react-redux/?framework=all#gsc.tab=0
| 归档时间: |
|
| 查看次数: |
2926 次 |
| 最近记录: |