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

【问题标题】：Angular2 PrimeNG datatable Editable cell dirty flagAngular2 PrimeNG 数据表可编辑单元格脏标志
【发布时间】：2018-01-20 04:24:53
【问题描述】：

我正在使用具有可编辑列的primeng 数据表。我想在单元格被编辑后将其标记为脏，并将编辑后的行保存到数据库中。谁能建议有没有办法做到这一点？

【问题讨论】：

【解决方案1】：

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

这就是我在我目前正在进行的项目中实现这一点的方式。

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

【讨论】：