Ignite UI for Angular 10.2.2 バージョン時点での情報に基づいています。
行編集モードを終了した際に発行されるイベントには、rowEditDone と rowEditExit イベントがありますが、行編集をキャンセルした際のイベントを処理したい場合は rowEditExit イベントが利用できます。
以下は行編集がキャンセルされた場合に通知を表示するサンプルです。
# component.html
<igx-grid #grid (rowEditExit)="editExit($event)">
...（略）
</igx-grid>
<igx-toast>行編集はキャンセルされました。</igx-toast>
# component.ts
public editExit(e: IGridEditDoneEventArgs) {
if (e.oldValue === e.newValue) {
this.toast.show();
}
}
実行イメージ
行編集時のキャンセルボタンを押すか、ESCキー押下で行編集をキャンセルした際に通知が表示されます。
