Javascript AG-GRID-ANGULAR-如果单元格渲染器中的所有复选框都已选中/未选中，如何选中/取消选中标题组件中的复选框？

我正在使用ag网格。我使用

headerComponentFramework

在标题中为一列（此处，

isBooked

）设置了一个复选框，并使用

CellRenderFramework

在同一列的相应单元格中设置了复选框

我的要求是在选中/取消选中所有单元格复选框时选中/取消选中标题复选框。而且，所有这些活动都会更新与网格关联的数据状态

这就是网格的外观-

这种情况在这个时候也发生了

我尝试的方法是-

使用主题发出值更改。但是，主题似乎没有在header组件内的

agInit

hook中得到订阅

使用

gridApi.refreshHeader（）

。标题组件接口的角度版本（

IHeaderAngularComp

）似乎没有刷新挂钩

---

当我运行逻辑以检查是否选中/取消选中所有单元格复选框并尝试更新标题组件内复选框的值时，我无法更新标题复选框的值。

您可以使用

headerCheckboxSelection

事件和

onRowSelected

事件（这将更新您的数据）

这是一张工作票

---

我喜欢这个解决方案的想法。但我恐怕要说的是，这一解决办法行不通。首先，我需要一个渲染器来控制标题的显示方式。你想显示什么？您能详细说明一下吗？显示屏上应该有“预订”标签和“全选”复选框。此外，ag grid提供的复选框不捕获数据。您可以简单地更新“headerName”属性并给出您想要的任何名称。这意味着什么“复选框不捕获数据”？我收回我的话，经过大量调试后，我发现有两个重复的onGridReady回调，我没有看到selectAll/DeceleAll事件正确发生。我仍然在努力处理标题元素的HTML呈现[e.g[V]]。现在，使用您的解决方案，我可以看到复选框，然后是标题名称。无论如何，我说服我的UX从标题中完全删除标签/标题名称，因此我现在可以使用just-headerName:“”（一个空格-空格栏）来显示复选框。感谢@Yogendra123提供的解决方案。