React Ag Grid 分页页面更改答案

【问题标题】：React AgGrid Pagination Page changedReact Ag Grid 分页页面更改
【发布时间】：2021-01-22 05:29:35
【问题描述】：

我有一个 AgGrid，我通过在全宽行内呈现一个表格来模拟行分组。每次“扩展”一行时，都会在其下方出现一个全宽行，并带有它自己的表格内容。每次“扩展”一行时，我也会增加每个分页页面的行数（即使分页页面已满，这也会使最后一行的子页面保持在同一页面上。（还应该说明只能扩展一个子页面一次））

我遇到的问题是，如果用户更改页面（即从第 1 页到第 2 页），而第 1 页上有扩展记录，它会弄乱未来的“扩展”（因为 rowsPerPage 没有再次减少自己的机会）

我正在寻找一种在页面更改时重绘表格的方法，但是如果我使用 onPaginationChanged，它会在每次扩展行时触发（因为 PagniationPageSize 在行扩展时动态更改）

有没有办法在用户每次跳转到新页面时触发事件，而不是在分页页面大小更改时触发事件。

谢谢你，提前道歉。

【问题讨论】：

【解决方案1】：

您可以使用newPage 属性来检查页面是否已更改。

onPaginationChanged(params) 事件提供 params 对象，该对象包含 newPage 属性，该属性仅在页面更改时设置为 true。如果由于某种原因页面大小已更改或执行了任何其他不更改页码的操作，则此属性为false

【讨论】：

我想这可能是它！但是，我找不到使用这种方法的示例；我还是很新的反应，对不起。目前我能想到的唯一方法是构建我自己的分页按钮并使用按钮的 onClick。但如果可能的话，我宁愿避免这种情况。
然后让我们尝试创建可以使用它的反应示例。检查更新答案中的 plunkr 链接。在那里，每当用户导航到不同的页面时，我都会使用该属性发出警报，但是当页面大小（即页面中的行数）更新时它（警报）不会触发。
非常感谢，您的 Plunker 向我展示了如何解决我的问题。我以前不明白如何使用该参数。再次感谢您！