Angular2 PrimeNG-Datentabelle Editierbare Zelle schmutzig Flagge

Question

Ich benutze die Primeng Datentabelle, die Spalten haben editierbar sind. Ich möchte die Zelle nach der Bearbeitung als schmutzig markieren und die bearbeiteten Zeilen in der Datenbank speichern. Kann jemand beraten, gibt es einen Weg, dies zu tun?

Answer 1

Es hängt wirklich davon ab, wie Sie versuchen, mit den Speichern umzugehen. Der Standardweg (Speichern, sobald sich der Fokus der Eingabe geändert hat) oder eine Reihe von Änderungen basierend auf Benutzeraktionen speichern (d. H. Der Benutzer klickt auf Speichern und speichert sie alle auf einmal). Ich nehme die zweite Option an, da dies auf Grund Ihrer Frage am sinnvollsten erscheint.

So habe ich das in einem Projekt erreicht, an dem ich gerade arbeite.

1. In Ihrer Komponente Datei ein Array erstellen bearbeiteten Reihen ... selectedRows: any[] = [];
2. Verwenden Sie die (onRowSelect)="yourRowSelectHandler($event)" Ereignishandler zu halten. a. Das Ereignis enthält eine Dateneigenschaft, die alle Daten aus der ausgewählten Zeile enthält. b. Schieben Sie die Daten in Ihr selectedRows Array.
3. Wenn der Benutzer auf die Schaltfläche Speichern klickt, können Sie das Array selectedRows durchlaufen und die Daten speichern.

ist hier ein plunkr die Grundlagen zu demonstrieren: http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview