【问题标题】:MouseEnter Event for ag-grid manipulation用于 ag-grid 操作的 MouseEnter 事件
【发布时间】:2018-10-17 10:35:12
【问题描述】:

我需要操作行样式,还想在鼠标回车上添加一些 HTML 元素。

我发现 mouseEnter: 鼠标已进入行。 RowNode 事件;添加在下面的行代码。

this.gridApi.forEachNode((node: RowNode) => node.addEventListener('mouseEnter',function(){ console.log('mouseover event!')}))

我想在生成鼠标悬停事件的行上添加 html 元素。 有人知道怎么做吗?

【问题讨论】:

  • 将 html 元素附加到表示 RowNode 的元素中。
  • 您想在悬停的行上添加特定样式还是更多内容?
  • 我想添加一些图标并点击这些图标上的事件处理程序(Angular 6)

标签: angular mouseover ag-grid


【解决方案1】:

您需要创建自己的单元格渲染器来实现此目的。拥有自己的单元格渲染器将使您能够完全控制您的单元格,以便您可以捕获事件并对其执行任何您需要执行的操作。

https://www.ag-grid.com/javascript-grid-cell-rendering-components/

希望对你有帮助

【讨论】:

    猜你喜欢
    • 2017-12-12
    • 2019-02-09
    • 2019-04-06
    • 2020-03-08
    • 2021-02-09
    • 2021-11-12
    • 2018-01-16
    • 1970-01-01
    • 2021-03-27
    相关资源
    最近更新 更多