Angular2 PrimeNG数据表可编辑单元格脏标志

Question

我使用具有列的primeng数据表是可编辑的。我想在编辑完单元后将其标记为脏，并将编辑后的行保存到数据库中。任何人都可以建议有办法吗？

Answer 1

这实际上取决于您如何处理保存。默认方式（输入焦点改变后立即保存） 或者根据用户操作保存一堆更改（即用户单击“保存”并一次性保存所有更改）。 我假设第二种选择，因为根据你的问题似乎最有意义。

这就是我在目前正在进行的项目中完成此任务的方式。

1. 在您的组件文件中创建一个数组来保存已编辑的行... selectedRows: any[] = [];
2. 使用(onRowSelect)="yourRowSelectHandler($event)"事件处理程序。 一个。该事件将包含一个data属性，该属性包含所选行的所有数据。 湾将数据推送到selectedRows数组。
3. 当用户单击“保存”按钮时，您可以遍历selectedRows数组并保存数据。

这是一个展示基础知识的傻瓜：http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview