gpt4 book ai didi

javascript - AG-GRID-ANGULAR - 如果选中/取消选中单元格渲染器中的所有复选框,如何选中/取消选中标题组件中的复选框?

转载 作者:行者123 更新时间:2023-12-02 22:17:33 24 4
gpt4 key购买 nike

我正在使用ag-grid。我在标题中使用 headerComponentFramework 为一列(此处为 isBooked)设置了一个复选框,并使用 cellRendererFramework 在同一列的相应单元格中设置了复选框。

我的要求是在选中/取消选中所有单元格复选框时选中/取消选中标题复选框。而且,所有这些事件都会保持与网格相关的数据状态的更新。

这就是网格的样子 - https://angular-fcgbt9.stackblitz.io/

这种情况在stackblitz link处得到了复制。 .

https://stackblitz.com/edit/angular-fcgbt9?embed=1&file=src/app/grid-header-checkbox/grid-header-checkbox.component.ts

我尝试过的方法是 -

  1. 使用主题发出值更改。但是,看起来主题并未在 header 组件内的 agInit Hook 内被订阅。
  2. 使用gridApi.refreshHeader()。看起来 Angular 版本的 header 组件接口(interface) (IHeaderAngularComp) 没有刷新 Hook 。

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

最佳答案

您可以将 headerCheckboxSelection 事件与 onRowSelected 事件一起使用(这将更新您的数据)。

这是一个工作 code

enter image description here

关于javascript - AG-GRID-ANGULAR - 如果选中/取消选中单元格渲染器中的所有复选框,如何选中/取消选中标题组件中的复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59341464/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com