时间戳

首页 > 解决方案 > Angular ag-grid - 如何收集标题点击事件？

angular - Angular ag-grid - 如何收集标题点击事件？

问题描述

我想从未排序列中的标题单击中捕获事件，但我不知道该怎么做。如果我打开排序，我可以得到它，onSortChanged但如果我这样做，我无法抑制排序/关闭箭头表单显示。任何想法如何简单地抓住标题点击事件？谢谢你。

标签： angularag-grid-angular

解决方案

要达到预期的结果，请使用以下在 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 标题事件

推荐阅读