加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – AG-Grid with Redux

发布时间:2020-12-15 09:35:23 所属栏目:百科 来源:网络整理
导读:在我的工作中,我们决定在反应变量中使用AG-Grid: https://www.ag-grid.com/best-react-data-grid/index.php 目前,我们的React架构是Redux.根据我对AG-Grid的一点知识,我可以说它不适合这种架构. AG-Grid保持组件内部的整体状态.尝试将其与redux强有力地完全
在我的工作中,我们决定在反应变量中使用AG-Grid: https://www.ag-grid.com/best-react-data-grid/index.php

目前,我们的React架构是Redux.根据我对AG-Grid的一点知识,我可以说它不适合这种架构. AG-Grid保持组件内部的整体状态.尝试将其与redux强有力地完全连接起来很麻烦甚至不聪明.

我可以忍受这一点,但至少我需要注意行模型的更改 – 意味着获取新行,排序,过滤(我不需要注意单元格更改).我有2个想法如何观察并将其连接到redux.

选项1 – 使用gridOptions.onModelUpdated()

使用gridOptions.onModelUpdated()我知道当执行过滤或排序但我无法访问所有显示的行(docs):

State 1: Row Data

API: There is no API to get this data. However it was provided by the application so you should already have it.

因此,我无法发送redux操作,因为我没有任何数据来更新它.

选项2 – datasource.getRows()

我可以用新行调度动作.但是,我还没有找到任何onReset / onRowsDeleted / …事件,因此我不知道何时清除redux的state.rows.更新我可以知道如果datasource.getRows(params)的参数params是params.startRow === 0,则前面的行被清除.

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

那些将AG-Grid连接到Redux的好主意是什么?

解决方法

Ag-grid(v10.1.0)现在支持Redux:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读