React Hierarchical Grid 一括編集とトランザクション
HierarchicalTransactionService と IgrHierarchicalGrid を使用した場合も各アイランドに個別のトランザクション ログを累積させるには、代わりにサービス ファクトリが必要です。エクスポートされると HierarchicalTransactionServiceFactory として利用できます。
以下は、IgrHierarchicalGrid コンポーネントに対して一括編集を有効にする方法の詳細な例です。
React Hierarchical Grid 一括編集とトランザクションの例
次のサンプルは、IgrHierarchicalGrid で BatchEditing が有効になっており、行編集が有効になっているシナリオを示しています。行編集全体を確定後にトランザクションが追加されるようにします。
トランザクション ステートは、すべての更新、追加、削除された行、そして最後のステートで構成されます。
使用方法
Hierarchical Grid から BatchEditing を有効にする必要があります。
これにより、Transaction サービスの適切なインスタンスが IgrHierarchicalGrid に提供されます。適切な IgrTransactionService は TransactionFactory を通じて提供されます。
一括編集を有効にした後、バインドされたデータ ソースと RowEditable を true に設定して IgrHierarchicalGrid を定義し、バインドします:
以下のコード例は、IgrTransactionService API (undo、redo、commit) の使用方法を示します。
<igc-grid id="grid" batch-editing="true" primary-key="ProductID" width="100%" height="500px"
row-editable="true">
</igc-grid>
<button id="undo">Undo</button>
<button id="redo">Redo</button>
<button id="commit">Commit</button>トランザクション API は編集の終了を処理しないので、自分で行う必要があります。そうしないと、IgrHierarchicalGrid は編集モードのままになります。これを行う 1 つの方法は、それぞれのメソッドで EndEdit を呼び出すことです。
RowEditable プロパティを無効にすると IgrHierarchicalGrid.rowEditable を変更してセル変更でトランザクションを作成し、UI で行編集オーバーレイを公開しません。
API リファレンス
IgrHierarchicalGrid
Transactions
Our community is active and always welcoming to new ideas.