6

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

目前,我们的架构ReactRedux. 据我所知,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-GridRedux

4

1 回答 1

0

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

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

于 2017-06-15T14:52:04.033 回答