Ignite UI for Angular 10.1.3 バージョン時点での情報に基づいています。

igx-grid の cellEditDone および rowEditDone イベントでは、編集がコミット後の処理を行うことができます。

<igx-grid #grid1 [data]="localData" [rowEditable]="true" [primaryKey]="'EmployeeID'"
    (cellEditDone)="cellEditDone($event)"
    (rowEditDone)="rowEditDone($event)"
    (onColumnInit)="onColumnInit($event)"
    width="960px" height="550px" [paging]="true" >
        <igx-column field="EmployeeID" header="EmployeeID" editable="false" ></igx-column>
        <igx-column field="FirstName" header="FirstName" editable="true" ></igx-column>
        <igx-column field="LastName" header="LastName" editable="true" ></igx-column>
</igx-grid>
  public cellEditDone(evt){
    console.log("cellEditDone");
  }

  public rowEditDone(evt){
    console.log("rowEditDone");
  }

cellEditDone

https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#celleditdone

rowEditDone

https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#roweditdone

Tagged:

製品について

Ignite UI for Angular