Close
Angular React Web Components Blazor
Premium

React Grid 一括編集とトランザクション

以下は、IgrGrid コンポーネントに対して一括編集を有効にする方法の詳細な例です。

React Grid 一括編集とトランザクションの例

次のサンプルは、IgrGridBatchEditing が有効になっており、行編集が有効になっているシナリオを示しています。行編集全体を確定後にトランザクションが追加されるようにします。

トランザクション ステートは、すべての更新、追加、削除された行、そして最後のステートで構成されます。

使用方法

Grid から BatchEditing を有効にする必要があります。

これにより、Transaction サービスの適切なインスタンスが IgrGrid に提供されます。適切な IgrTransactionServiceTransactionFactory を通じて提供されます。

一括編集を有効にした後、バインドされたデータ ソースと RowEditable を true に設定して IgrGrid を定義し、バインドします:

以下のコード例は、IgrTransactionService API (undo、redo、commit) の使用方法を示します。

トランザクション API は編集の終了を処理しないので、自分で行う必要があります。そうしないと、IgrGrid は編集モードのままになります。これを行う 1 つの方法は、それぞれのメソッドで EndEdit を呼び出すことです。

RowEditable プロパティを無効にすると IgrGrid.rowEditable を変更してセル変更でトランザクションを作成し、UI で行編集オーバーレイを公開しません。

API リファレンス

IgrGrid

Transactions

Our community is active and always welcoming to new ideas.