在我的工作中,我们决定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?