Discussion :

[saxrub]

Bonjour à tous

Je débute en JQuery et je ne comprends pas comment et quand synchroniser un formulaire complexe avec des données d'une base de données en vue de mettre à jour un enregistrement existant.

Mon formulaire complexe incorpore :
- plusieurs balises select, certaines dépendant d'une autre,
- des radio bouton...
- des check box
- ...

Mon formulaire fonctionne très bien pour créer un nouvel enregistrement dans la base.

Ce formulaire est full jquery !

J'utilise AJAX pour charger les combos, radio ... sur le click des éléments.

Maintenant, je n'arrive pas à trouver la bonne architecture de page qui me permettrait de :
- lire un enregistrement dans la base (celui la même qui a été créé par ce formulaire dans une phase d'ajout),
- déclencher le chargement des éléments existants du formulaire (comme pour la phase d'ajout)
- synchroniser les éléments en fonction de l'enregistrement à mettre à jour.
Ci-dessous une image du formulaire

[Darkaurora]

Je ne suis pas sur d'avoir bien compris. La synchronisation de données implique que le formulaire soit accessible et modifiable par plusieurs personne à un même moment?

Qu'est ce qui t'empêche de développer classiquement un formulaire que tu crées ou modifie simplement et que tu valides par un enregistrement?

Après chaque enregistrement tu n'as qu'a rafraîchir le formulaire.

[SpaceFrog]

As tu envisagé de regarder du coté de plugins comme dataTable ou JQGrid ?

[saxrub]

Darkaurora ; je veux faire les manip via jQuery.

Une méthode "à l'ancienne", je sais faire, mais je viens de basculer du côté de la force JQuery et veux aller jusqu'au bout en n'utilisant que JQuery.

Ce que je ne sais pas faire, à partir de la page d'ajout qui fonctionne à merveille (je suis feignant), c'est une fois lu l'enregistrement de la base à modifier, c'est :
- charger chacune des boites déroulantes en fonction du contexte
- positionner chacune des boites selon les ID lus dnas mon record à modifier.

SpaceFrog ; non je ne connais pas ( je regarde).

Voici une explication de la cinématique de mon formulaire :

Vous verrez qu’il y a trois grandes parties dans ce formulaire, parties qui sont indépendantes les unes des autres.

Par exempl, dans la partie nommée « Indicateur » (barre jaune)

- Le clic dans la première boite déroulante « Type d’indicateur » entraine le chargement de la boite « Version d’indicateur »

- Le clic dans la seconde boite déroulante « Version d’indicateur » entraine le chargement de la boite « Indicateur »

Tous les clics enchainent des ajax qui accèdent à la base et retournent du JSON.

Quand l’utilisateur clique sur le bouton « enregistrer la requête », toujours via ajax, je crée l’enregistrement dans la base de données en stockant, dans le cas de la gestion des « indicateurs » les valeurs des trois boites déroulantes.

Ce que je ne sais pas faire, c’est ce qui doit se passer en vu de faire une mise à jour et après la lecture d’un enregistrement de la base (récupération des trois id), afin de positionner chacune des trois boites, qui évidemment, doivent êtres chargées conformément au schéma logique des données.

J’espère avoir été clair !

[danielhagnoul]

Darkaurora ; je veux faire les manip via jQuery.

Une méthode "à l'ancienne", je sais faire, mais je viens de basculer du côté de la force JQuery et veux aller jusqu'au bout en n'utilisant que JQuery.

J'aime travailler avec jQuery mais il ne faut pas être monomaniaque et ne jamais oublier que le "jQuery " en question travaille toujours à l'ancienne, car c'est du JS.

N'oublions pas que le JS évolue vite (ES5 est disponible sur tous les navigateurs dignes de ce nom et arrivée prochaine d'ES6) et qu'il existe d'autres outils remarquables : d3.js (pas seulement pour le SVG), les frameworks MVC (Angular et d'autres), CAAT (canvas ou WebGl), et certainement d'autres que je ne connais pas encore.

[Darkaurora]

Ce que je ne sais pas faire, c’est ce qui doit se passer en vu de faire une mise à jour et après la lecture d’un enregistrement de la base (récupération des trois id), afin de positionner chacune des trois boites, qui évidemment, doivent êtres chargées conformément au schéma logique des données.

Je ne suis pas sur de voir ou se situe le problème. Pour la MAJ ou la lecture c'est exactement le même travail que pour la création ou la saisie à la différence que tu connais d'avance ce que tu vas sélectionner.

Il suffit de reprendre ta saisie et de tester si tu as des enregistrement correspondant, si oui alors tu charges automatiquement plutôt que par des user events.