AG-Grid with Redux

时间:2016-07-22 07:32:27

标签: reactjs architecture redux ag-grid ag-grid-react

在我的工作中,我们决定在反应变体中使用AG-Gridhttps://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更新如果params的{​​{1}}人datasource.getRows(params)params.startRow === 0,我可以知道之前的行已被清除。

问题

也许我找到了如何使用其中一个选项的方法,但我的问题是:

这些好主意是如何将AG-GridRedux联系起来的?

1 个答案:

答案 0 :(得分:1)

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

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