angular - 行的 Ag-Grid DOM

Question

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

 this.gridOptions.api.getRowNode(id)

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

Answer 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';
      });
    }
}