Angular2 PrimeNG datatable Drapeau modifiable de cellule sale

Question

J'utilise le datatable primeng dont les colonnes sont éditables. Je veux marquer la cellule comme sale une fois qu'il a été édité et enregistrer les lignes éditées dans la base de données. Quelqu'un peut-il conseiller est-il un moyen de le faire?

Answer 1

Cela dépend vraiment de la façon dont vous essayez de gérer les sauvegardes. La méthode par défaut (enregistrer dès que le focus de l'entrée a changé) ou enregistrer un tas de modifications en fonction de l'action de l'utilisateur (c'est-à-dire l'utilisateur clique sur Enregistrer et les enregistre tous en même temps). Je suppose que la deuxième option est celle qui semble la plus logique en fonction de votre question.

Voici comment j'ai réalisé cela dans un projet sur lequel je travaille actuellement.

1. Dans votre fichier de composants créer un tableau pour tenir vos lignes modifiées ... selectedRows: any[] = [];
2. Utilisez le gestionnaire d'événements (onRowSelect)="yourRowSelectHandler($event)". a. L'événement inclura une propriété de données contenant toutes les données de la ligne sélectionnée. b. Poussez les données dans votre tableau selectedRows.
3. Lorsque l'utilisateur clique sur le bouton Enregistrer, vous pouvez parcourir le tableau selectedRows et enregistrer les données.

Voici un plunkr pour démontrer les bases: http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview