繁体   English   中英

带Redux的AG-Grid

[英]AG-Grid with Redux

在我的工作中,我们决定使用AG-Grid作为react变量: 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 更新我可知道,如果argumernt以前行被清除paramsdatasource.getRows(params)params.startRow === 0

也许我找到了一种方法来使用两个选项之一,但是我的问题是:

这些如何将AG-Grid连接到Redux好主意吗?

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM