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
。 更新我可以知道前面的行已被清除,如果辩论者params
的datasource.getRows(params)
是params.startRow === 0
。
问题
也许我找到一个方法如何使用的2个选项之一,但我的问题是:
那些是很好的想法,如何AG-Grid
连接到Redux
?
银网格(V 10.1.0)现在支持终极版:
https://ag-grid.com/example-react-redux/?framework=all#gsc.tab=0
在这个例子中没有使用无限行模型,这是否也支持Redux? –
你有没有弄清楚你的解决方案?我正在寻找类似的设置,我认为实现数据源钩子有点“棘手”......完全可以,特别是对于1次请求,但对其他地方的表数据更改并不可行在该州,需要重新加载/更新Ag-grid – zeroasterisk
男人,我被要求做出主意。星期一我会有一个。 – zatziky
@zeroasterisk这是要点:https://gist.github.com/zatziky/72f0826e97a011d3f2af75df84981b61它来自我们的PoC,我永远不会发布这样的混乱......它虽然工作。我只是因为被问到才发表它。 :)我们添加了一些附加功能,如只读网格和其他一些东西。在我们目前的项目中,我们有紧迫的期限,所以没有足够的空间来重构这个组件。只要我们重构它,我会更新链接。 – zatziky