单击按钮时突出显示 ag 网格中的行

Question

我在网格外有一个按钮，单击此按钮我将迭代行节点并检查数据是否为空。如果它是空的，我想突出显示该行。没有找到任何可以让我选择在单击按钮时突出显示 ag 网格中的行的选项。

请帮忙

Answer 1

我找到了上面的答案：

在组件中：可能在构造函数中

this.rowClassRules = {
  'invalid-row': (params) => {
    if (this.inValidRowNode && this.inValidRowNode.data.name === params.data.name) {
      return true;
    }
  }
};

单击按钮（在验证方法中），同时迭代我们需要设置数据的节点。我是这样设置的

node.setDataValue('name', ' ');

在Html中：

 <ag-grid-angular #agGrid rowSelection="multiple" [gridOptions]="gridOptions" [columnDefs]="gridColumnDefs" (gridReady)="onGridReady($event)"
     [rowClassRules]="rowClassRules">

单击按钮时突出显示 ag 网格中的行

Highlight row in ag grid on button click

ag-grid-ng2