行的 Ag-Grid DOM

【问题标题】：Ag-Grid DOM of row行的 Ag-Grid DOM
【发布时间】：2019-07-22 08:28:57
【问题描述】：

如何获取ag-grid中行的DOM元素？

 this.gridOptions.api.getRowNode(id)

这种方式可以得到一行的对象。但是如何获取这一行的DOM呢？

【问题讨论】：

您能否详细介绍一下您要达到的目标？
我需要在行中添加 eventListener "dragover"

标签： angular ag-grid ag-grid-angular

【解决方案1】：

正确的解决方案：

constructor(public myElement: ElementRef) { }

this.gridOptions = <GridOptions> {
  ...
};

ngAfterViewInit() { 
    const countOfRows = this.gridOptions.api.getDisplayedRowCount(); 
    for (let i = 0; i < countOfRows; i++) {
      const elements = this.myElement.nativeElement.querySelectorAll(`[row-index="${i}"]`);
      const row = elements[1];
      row.addEventListener('dragover', function() {
        row.style.backgroundColor = 'yellow';
      });
    }
}

【讨论】：