在我的工作中,我们决定在react变体中使用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
。更新我可以知道,如果were params
of datasource.getRows(params)
是params.startRow === 0
,那么前面的行就被清除了。
问题
也许我找到了如何使用这两种选择之一的方法,但我的问题是:
对于如何将AG-Grid
与Redux
连接起来,这些都是好主意吗?
发布于 2017-06-15 14:52:04
Ag-grid (v10.1.0)现在支持Redux:
https://ag-grid.com/example-react-redux/?framework=all#gsc.tab=0
https://stackoverflow.com/questions/38520685
复制相似问题