Utilisation de UI-Grid + modal

Hello. D'abbord je tiens à m'excuser pour mon niveau de noobitude mais je fais du AngularJS depuis 1 semaine.
D'ailleur si vous avez des must-be-read, n'hésitez pas me laisser un peu de lecture :D

J'essaye de faire un CRUD avec un tableau UI-GRID et des modal pour éditer les données.

Je me suis largement inspiré de cette article. Mais j'ai enlevé la partie génération automatique du form dans la modale car j'en ai pas besoin.

J'ai la partie édition d'une donnée qui fonctionne, mais pour le suppression et la creation d'une nouvelle, c'est pas encore ca.

L'ensemble du code qui est dispo : http://plnkr.co/edit/WLuKSRX5GqH4rXFhGuyo?p=preview

Donc si vous avez un peu de temps pour jetter un coup d'oeil et me dire comment je peux faire pour supprimer une donnée, afficher une modal pour créé une nouvelle donnée et la sauver.

Merci d'avance pour votre aide.

Salut!

Juste pour récapituler : tu veux faire un CRUD mais pour l'instant, il n'y a que le READ (affichage du tableau) qui fonctionne (Le bouton 'Add row' ne fonctionne pas).
Create : KO
Read : OK
Update : KO (il n'y a pas encore le bouton)
Delete : Pas fait (il n'y a pas encore le bouton)

Lorsque j'ai cliqué sur le bouton 'add row', j'ai eu l'erreur : Error: row is not defined à la ligne 104.
Normal parce que la var row n'est pas injectée dans le controleur RowEditCtrl.
Je pense qu'il faut que tu déclare l'injection pour RowEditCtrl comme quand tu le fais pour MainCtrl.

Code:

---

MainCtrl.$inject = ['$scope', '$http', '$modal', 'RowEditor', 'uiGridConstants' ];

---

Pour le reste du CRUD, je te laisse ajouter les boutons et les fonctions correspondantes
Et juste un conseil, sépare tes modules, contrôleurs etc. Mets chacun dans un fichier. Ton code sera beaucoup plus "lisible".

Citation:

---

Envoyé par SiX-P4cK

D'ailleur si vous avez des must-be-read, n'hésitez pas me laisser un peu de lecture

---

Et pour la lecture, je t'envoie à ce post.

Quand on double clique sur un row, y'a une popup qui apparait qui permet de faire le edit et le delete. Ces 2 fonctions marchent.

Create : KO
Read : OK
Update : OK (dans la popup)
Delete : OK (dans la popup)

La question que je me pose maintenant c'est est-ce que je peux réutiliser le meme controller pour le Create et pour le Edit.

Je vais regarder un peu dans le lien.

Pièce jointe 189437

Citation:

---

Envoyé par SiX-P4cK

La question que je me pose maintenant c'est est-ce que je peux réutiliser le meme controller pour le Create et pour le Edit.

---

Si tu veux factoriser du code, utilises des services.

C'est presque bon maintenant, j'arrivé à créer un nouveau row, mais j'ai encore le preremplissage quand on crée un nouveau row qui ne marche pas.

J'ai utilisé le meme controleur.

Il ne me reste pluq que ce soit mon objet newService qui apparait par defaut dans le champs input quand on clique sur add row.

Citation:

---

Envoyé par SiX-P4cK

C'est presque bon maintenant, j'arrivé à créer un nouveau row, mais j'ai encore le preremplissage quand on crée un nouveau row qui ne marche pas.

---

Cela veut dire que le bind de ta variable vm.entity n'est pas bon. Vérifie le controleur, le contenu de la var en debug et son utilisation dans le template.

Citation:

---

Envoyé par SiX-P4cK

J'ai utilisé le meme controleur.

---

Oui, bonne idée. Mais comme te l'a conseillé Marco46, tu peux très bien utiliser un service avec une var formMode ('edit' ou 'new');
C'est encore mieux.

Bon voila tout est OK

J'ai 2 controleurs, un pour la grid et un pour la modal avec un service pour gerer les données.

Merci à vous.