Angular ag-grid - как мне собрать событие нажатия заголовка?

Я хочу поймать событие по щелчку заголовка в несортированном столбце, и я не могу понять, как это сделать. Я могу получить это, если включу сортировку с помощью onSortChanged, но если я это сделаю, я не могу подавить сортировку / выключить отображение формы стрелок. Есть идеи, как просто захватить событие с щелчком заголовка? Спасибо.


person naspinski    schedule 05.09.2019    source источник


Ответы (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 и нет событий заголовка столбца

person Naga Sai A    schedule 05.09.2019