Angular2 PrimeNG datatable可編輯的單元髒標誌

Question

我正在使用具有可編輯列的primeng數據表。我想在單元格被編輯後將單元格標記爲髒，並將編輯過的行保存到數據庫中。任何人都可以建議有沒有辦法做到這一點？

Answer 1

這實際上取決於你如何處理保存。默認方式（只要輸入焦點發生變化，立即保存） 或根據用戶操作保存一系列更改（即用戶單擊保存並一次保存全部）。 我假設第二個選項，因爲這似乎根據您的問題最有意義。

這就是我在當前工作的一個項目中完成的。

1. 在組件文件中創建一個數組來保存編輯後的行... selectedRows: any[] = [];
2. 使用(onRowSelect)="yourRowSelectHandler($event)"事件處理程序。 a。該事件將包含一個數據屬性，其中包含選定行中的所有數據。 b。將數據推送到selectedRows數組。
3. 當用戶單擊保存按鈕時，您可以遍歷selectedRows數組並保存數據。

這裏是展示基礎知識plunkr：http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview