Angular ag-grid - 如何收集 header 单击事件？

Question

我想从 non-sorted 列中的 header 单击捕获一个事件，但我不知道该怎么做。如果我使用 onSortChanged 打开排序，我可以得到它，但如果我这样做，我无法抑制显示箭头形式的 sort/turn。有什么想法可以简单地获取 header clicked 事件吗？谢谢。

Answer 1

要获得预期结果，请使用以下选项，即在 Header 单元格

上使用 addEventListener

 this.gridOptions = <GridOptions>{
          enableSorting: false,
          enableFilter: true,
          onGridReady: (params) =>{
            const header = document.querySelectorAll('.ag-header-cell');
        console.log(header);
        header.forEach(v => {
          v.addEventListener('click', function(event){
            console.log("clicked")
          })
        });
          }
        };

参考工作代码- https://stackblitz.com/edit/angular-ag-grid-angular-54vy3p?file=app/my-grid-application/my-grid-application.component.ts

目前只有 rowClick 事件，没有 Column header 事件

Angular ag-grid - 如何收集 header 单击事件？

Angular ag-grid - how do I collect a header clicked event?

angular

ag-grid-angular