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