angular - Ag-grid Angular 如何获取 Header 上的点击事件?

标签 angular ag-grid ag-grid-ng2

有什么方法可以在 Angular 中的 ag-grid header 上获得点击事件通知吗?

<ag-grid-angular> - 组件为单元格的点击提供多个事件(例如 cellDoubleClicked)。这些不会因标题点击而触发,我无法找到任何特定于标题点击的事件。

This question过去已经被其他人问过但没有回答,所以我不认为,有任何内置的方式。

我为什么需要这个?

我正在与另一个库合作,为应用程序提供上下文菜单,但我想区分标题和常规单元格的不同上下文菜单。所以只听默认的 Angular 点击事件(在整个网格组件上)没有帮助,因为我需要点击的列/单元格。

作为引用,我目前使用的是 ag-grid 15.0.0,但我在当前文档中也没有找到任何内容。

最佳答案

我认为如果您定义 header 组件,这可能是可能的(参见:Header Components)。在 header 组件的模板中,您可以创建一个 div 元素(或任何其他容器元素)并定义 (click) 事件处理程序。这对我有用:

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

(当然,您可能希望将参数中的 header 标题传递给 agInit() 方法,因为您不想为每个 header 创建单独的 header 组件!)

关于angular - Ag-grid Angular 如何获取 Header 上的点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50153589/

相关文章:

ag-grid - 如何在AG-Grid中隐藏列?

angular - 开源 Angular 树组件

javascript - 自动对焦输入模式在 Ng-Datepicker 中不起作用

angular - (任何窗口).global = window;

javascript - AG-GRID-ANGULAR - 如果选中/取消选中单元格渲染器中的所有复选框,如何选中/取消选中标题组件中的复选框?

ag-grid - 如何合并Ag-grid的单元格?

vue.js - 如何在 Ag Grid 中隐藏列?

angular - 如何动态地为 ag-grid 提供 ID?

javascript - AG-GRID - 无法从 REST 获取数据

angular - 在 Angular 2 中使用模板驱动表单和 NgFor 进行单选按钮验证