在我的工作中,我们决定在反应变体中使用AG-Grid
: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
。 更新如果params
的{{1}}人datasource.getRows(params)
为params.startRow === 0
,我可以知道之前的行已被清除。
问题
也许我找到了如何使用其中一个选项的方法,但我的问题是:
这些好主意是如何将AG-Grid
与Redux
联系起来的?
答案 0 :(得分:1)
Ag-grid(v 10.1.0 )现在支持Redux:
https://ag-grid.com/example-react-redux/?framework=all#gsc.tab=0