问题标签 [ag-grid-react]

我正在使用 ag-grid-react 的 SPA React (15.6) 应用程序上使用 Chrome 开发人员工具进行一些性能分析，并且在将分析器的输出与现实相协调时有点麻烦。例如，在下面的屏幕截图中，连接的抽屉组件 (Connect(Drawer), 橙色条) “componentWillReceiveProps” 方法似乎需要大约 2 秒，但其下方没有任何内容。在查看了该方法本身可能需要这么长时间的代码后，我持怀疑态度，因此我在函数内的所有代码周围添加了一些“console.time”语句，并且低看：

抽屉组件WillReceiveProps：0.02001953125ms

这是我的 componentWillReceiveProps 的样子，供参考：

那么我在这里错过了什么？我（有点）明白用户计时 api 只显示标记的东西（我今天才刚刚学习这个，所以我对那个 api 的理解至少可以说......），所以它只是如果 React 实际上没有计时 componentWillReceiveProps 内部发生的事情？如果它有用，我正在使用重新选择和 Redux，但我会假设我的选择器在调用 componentWillReceiveProps 之前已经运行，但也许我错了？

无论如何，我认为 Chrome 火焰图有一些我不了解的基本内容，但我已经阅读了很多文章，但对我来说并没有加起来。

更新：添加了 componentWillReceiveProps 实现

更新 2：添加指向 Chrome 配置文件的链接

如果有人有兴趣查看这里的实际配置文件链接，您可以通过打开 Chrome 开发工具，转到性能选项卡，然后单击“加载配置文件”来查看它：

https://www.dropbox.com/s/72e9kwyxr0myec3/delete_react_perf_user_timing?dl=0

更新 3：componentWillReceiveProps 解释

好的，所以看起来 componentWillReceiveProps 确实（以某种方式）最终调用了 mapStateToProps，这可以解释为什么它看起来在配置文件中花费了这么长时间。我猜测 componentWillReceiveProps 调用会被 redux connect 方法或类似的方法取代以完成它的工作，但我还没有验证 请参阅已接受的答案。无论如何，您可以在以下屏幕截图中看到这方面的证据：

我正在尝试为 ag-grid 实现服务器端过滤

在网格就绪事件上，我配置数据源对象：

调用数据源并显示数据。但是当我改变过滤 - 没有任何反应。这是一个演示沙箱：https ://codesandbox.io/s/wkop8pj6kl （https://gist.github.com/evgeny-t/90ef8e37fe747549a1d8203ef806df9e）

可以在社区版本中进行吗？我错过了什么？

当我Ag-Grid在应用程序上使用上下文菜单时，我在控制台上收到一条消息：

[弃用] 在数据 URI 正文中使用未转义的“#”字符已被弃用，并将在 2018 年 7 月左右在 M68 中删除。请改用“%23”。有关详细信息，请参阅https://www.chromestatus.com/features/5656049583390720 。

我真的没有收到任何错误，但我害怕消息。任何人都可以更新有关此消息的任何内容吗？

这是使用 this.sate.columnDefs 和 renderframework 的组件，如下所示：

当我使用valueGetterforcolumnDefs时，不是仅在行折叠时才显示值，而是会填充所有单元格，即使该组尚未展开也是如此。这是一个问题的例子

这是所需的行为，我可以通过field选项获得这样的东西：

这是我用来定义每个日历日的代码

我正在从数据库中获取数据并通过将手动操作按钮列添加到 Ag-Grid 来填充它。现在，第一列由那些操作按钮组成，第二列包含 _id 我想隐藏第二列，但在 ag-grid 文档中，他们只提供了关于隐藏静态数据列的信息。这是我的包含 def 列的代码。

如何隐藏操作列之后的下一列？

如何使用键盘箭头键在关注单元格时获取关注的单元格值

我在我的反应应用程序中使用 ag-grid-react 并在表格中固定了一行。我想更新固定行中的列值。怎么做？

我正在与React Ag Grid. 我想用网格实现延迟加载。

但React Ag Grid不提供延迟加载。它提供无限滚动，但不支持过滤和排序。

我正在使用tingodb（Nosql）数据库，

如何实现延迟加载react ag grid？

TIA

我正在搞乱 ag-grid、react-apollo，一切似乎都运行良好。这里的目标是单击一个复选框并发生修改某些数据的突变/网络请求。我遇到的问题是它重绘了整个行，​​这可能真的很慢，但我真的只是想更新单元格本身，所以它很快并且用户体验更好。我的一个想法是做一个乐观的更新，只更新我的缓存/利用我的缓存。你们采取了哪些方法。

列和行数据都是通过 apollo 查询获取的。

继承人一些代码：

复选框渲染器

网格本身：

我在 mcomponent 中有一个按钮列表，用于在网格中显示它以在网格上执行操作。我需要隐藏它们。

我的代码有点像这样：

这是我的网格的第一列，然后我在这个逻辑中连接其余的列。所以，我可以隐藏列，但是如果 cellRendererFramework: 'gridEditButtons' 有 5 个按钮，我想隐藏下图中黑框中的 2 列。

GridEditbuttons.Vue 的 HTML 代码

GridEditButtons.Vue 中的脚本