角Ag-Grid-如何收集标题单击事件?

时间:2019-09-05 18:47:36

标签: angular ag-grid-angular

我想从未排序列中的标题单击中捕获事件,但我不知道该如何做。如果我使用UIKit启用排序功能,则可以得到它,但是如果这样做,我将无法取消排序/关闭显示的箭头形式。任何想法如何简单地抓住标题单击事件?谢谢。

1 个答案:

答案 0 :(得分:1)

要获得预期的结果,请在标头单元格上使用以下使用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标头事件