Angular2 PrimeNG datatable編集可能なセルダーティーフラグ

Question

私は、列が編集可能なprimengデータテーブルを使用しています。私はそれが編集された後、セルをダーティーとしてマークし、編集した行をデータベースに保存したいと思います。誰も助言することができますこれを行う方法ですか？

Answer 1

本当にあなたがセーブをどのように処理しようとしているかによって異なります。デフォルトの方法（入力のフォーカスが変更されるとすぐに保存） 、またはユーザーの操作に基づいて一連の変更を保存します。つまり、ユーザーは保存して一度にすべて保存します。 私はあなたの質問に基づいて最も理にかなっているように思われるので、私は2番目のオプションを前提としています。

これは私が現在取り組んでいるプロジェクトでこれを達成した方法です。あなたのコンポーネントファイルで

1. 編集した行を保持する配列を作成... selectedRows: any[] = [];
2. は(onRowSelect)="yourRowSelectHandler($event)"イベントハンドラを使用してください。 a。このイベントには、選択した行のすべてのデータを含むデータプロパティが含まれます。 b。データをselectedRows配列にプッシュします。
3. ユーザーが[保存]ボタンをクリックすると、selectedRows配列をループしてデータを保存できます。

ここでは基本を実証するplunkrです：http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview