Ag-grid Angular Как получить события клика на заголовке?

Question

Есть ли способ получить уведомление о событиях клика в заголовке ag-grid в Angular?

<ag-grid-angular> -компонент предлагает несколько событий для кликов по ячейкам (например, cellDoubleClicked ). Они не запускаются при кликах по заголовкам, и мне не удалось найти какие-либо события, относящиеся к кликам по заголовкам.

Этот вопрос уже задавался кем-то еще в прошлом и не получил ответа, поэтому я не думаю, что есть какой-то встроенный способ.

Зачем мне это нужно?

Я работаю с другой библиотекой для предоставления контекстных меню для приложения, но я хочу различать разные контекстные меню для заголовков и обычных ячеек. Так что просто прослушивание события углового щелчка по умолчанию (для всего компонента сетки) не помогает, потому что мне нужен столбец / ячейка, по которой щелкнули.

Для справки: в настоящее время я использую ag-grid 15.0.0, но я также не нашел ничего в текущей документации.

Answer 1

Вы можете просто прослушать событие sortChanged, которое ag-grid предоставляет при нажатии на заголовок по умолчанию.

Answer 2

Я думаю, что это возможно, если вы определите компонент заголовка (см .: Компоненты заголовка ). В своем шаблоне для компонента заголовка вы можете создать элемент div (или любой другой элемент контейнера) и определить обработчик события (click). Это сработало для меня:

<div (click)='onHeaderClick($event)'>
  <p>Name</p>
</div>

(Конечно, вы, вероятно, захотите передать заголовок заголовка в параметрах методу agInit(), так как вам не нужно создавать отдельный компонент заголовка для каждого заголовка!)