AG-电网与终极版

AG-电网与终极版

问题描述:

在我的工作,我们决定采用AG-Grid反应变异:https://www.ag-grid.com/best-react-data-grid/index.phpAG-电网与终极版

目前,我们对React架构是Redux。从我的小知识AG-Grid我可以说,它不适合这个架构。 AG-Grid保持组件内的整体状态。尝试将它强制并完全地与redux连接起来很麻烦,甚至不够聪明。

我可以忍受这一点,但至少我需要注意行模型的变化 - 意味着提取新行,排序,过滤(我不需要监视单元格更改)。我有2个关于如何观察这个并将它连接到redux的想法。

选项1 - 使用gridOptions.onModelUpdated()

随着gridOptions.onModelUpdated()我知道过滤或排序时,被执行了,但我不能去(docs)显示所有行:

国家1:行数据

API:没有API来获取此数据。但是它是由应用程序提供的,所以你应该已经拥有了它。

因此我无法发送redux操作,因为我没有任何数据用于更新。

选项2 - datasource.getRows()

我可以派与新行的行动。但是,我还没有发现任何onReset/onRowsDeleted/...事件,因此我不知道何时清除redux的state.rows更新我可以知道前面的行已被清除,如果辩论者paramsdatasource.getRows(params)params.startRow === 0

问题

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

那些是很好的想法,如何AG-Grid连接到Redux

+0

你有没有弄清楚你的解决方案?我正在寻找类似的设置,我认为实现数据源钩子有点“棘手”......完全可以,特别是对于1次请求,但对其他地方的表数据更改并不可行在该州,需要重新加载/更新Ag-grid – zeroasterisk

+0

男人,我被要求做出主意。星期一我会有一个。 – zatziky

+0

@zeroasterisk这是要点:https://gist.github.com/zatziky/72f0826e97a011d3f2af75df84981b61它来自我们的PoC,我永远不会发布这样的混乱......它虽然工作。我只是因为被问到才发表它。 :)我们添加了一些附加功能,如只读网格和其他一些东西。在我们目前的项目中,我们有紧迫的期限,所以没有足够的空间来重构这个组件。只要我们重构它,我会更新链接。 – zatziky

银网格(V 10.1.0)现在支持终极版:

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

+0

在这个例子中没有使用无限行模型,这是否也支持Redux? –