IgbGrid – 特定の条件でセル編集を制御する方法

方法

IgbGrid を使用して特定の条件に基づいてセルの編集を制御する方法について説明します。
例として、下図のように “編集可否列” の値が “true” の行のみを編集可能とします。

セルが編集モードに入るときに発生する CellEditEnterScript を使用します。

 <IgbGrid ....
          CellEditEnterScript="WebGridCellEditEnter">

“編集可否” 列（Editabileプロパティ）が “false” の場合、編集をキャンセルするスクリプトを定義します。

//wwwroot/script.js
igRegisterScript("WebGridCellEditEnter", (event) => {
    event.detail.cancel = !event.detail.rowData.Editabile;
}, false);

今回紹介した方法を用いることで、特定の条件に基づいてセルの編集を制御することができます。

関連ドキュメント

• Blazor Grid 編集 – Ignite UI for Blazor (infragistics.com)