angular - 在 ag-grid 中编辑单元格值后如何启动方法？

Question

我有这个简单的专栏:


这是它的定义:

{
      headerName: "Activité",
      field: "activite",
      editable: true,
       , cellClass: "cell-wrap-text"
      }  

这是每次用户在该列中输入新输入时我想要启动的方法。

  public UpdateActValue() {
      this.data.sendActToBia(this.params.data.activite);
      }  

以下是我的问题:
1/在编辑列中的单元格值后，是否有任何 ag-grid “ native ”方式来启动特定方法？
2/我应该简单地定义一个自定义单元格渲染器并在那里完成所有必要的工作吗？
谢谢!

Answer 1

您可以使用 cellValueChanged事件绑定(bind)以检测单元格值的变化。

在您的 component.html 上，您可以简单地绑定(bind) onCellValueChanged() cellValueChanged 的方法事件。

<ag-grid-angular 
.
.
(gridReady)="onGridReady($event)"
(cellValueChanged)="onCellValueChanged($event)"
>

在您的 component.ts 上，您将定义 onCellValueChanged()方法，每次任何单元格值发生更改时都会触发该方法。

onCellValueChanged(event) {
  // handle the rest here
}

您可以通过 here 阅读有关网格单元编辑和更改检测的更多信息。 .