在我的工作中,我们决定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()
知道何时执行过滤或排序,但我无法访问显示的所有行(文档):
状态 1:行数据
API:没有获取此数据的 API。但是它是由应用程序提供的,因此您应该已经拥有它。
因此我无法调度一个redux
动作,因为我没有任何数据来更新它。
选项 2 - datasource.getRows()
我可以用新行调度动作。但是,我还没有发现任何onReset/onRowsDeleted/...
事件,因此我不知道何时清除 redux 的state.rows
. 更新params
我可以知道如果参数为datasource.getRows(params)
is ,则先前的行已被清除params.startRow === 0
。
问题
也许我找到了一种如何使用这两个选项之一的方法,但我的问题是:
这些是如何连接的好主意AG-Grid
吗Redux
?