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