IgbGrid – セルを編集中に他のコンポーネントがクリックされた際に値をコミットする

IgbGridでは編集中のセルの値がコミットされるのはEnterキーが押される、または他のセルがクリックされた時です。他のコンポーネントがクリックされた時など、その他のタイミングで編集中の値をコミットさせるには、javascriptコードでendEdit()メソッドを実行し、プログラムによってセルの編集を終了させます。以下はIgbGridの外部がクリックされた際にendEdit()メソッドを実行して編集中の値をコミットするサンプルコードです。

<IgbGrid Id="myGrid1" .....>
.....
</IgbGrid>

document.addEventListener("mousedown", (event) => {
    if (event.target.closest('igc-grid') == null)
    {
        let grid = document.getElementById("myGrid1");
        grid.endEdit(true);
        grid.reflow();
    }
});