/ / Comment ajouter une ligne dynamiquement dans le formulaire dans thymeleaf, sans soumettre de données au contrôleur? - jquery, ajax, spring-mvc, spring-boot, thymeleaf

Comment ajouter une ligne dynamiquement dans le formulaire dans thymeleaf, sans soumettre de données au contrôleur? - jquery, ajax, spring-mvc, spring-boot, thymeleaf

Je crée une forme dynamique en utilisant thymeleaf et le printemps. Mon exigence est la même que celle dans ce lien (article 9). Exemple: lorsque je clique sur le bouton Ajouter une ligne dans la section Lignes, une nouvelle ligne doit être ajoutée sous la section Lignes. Cette approche fonctionne bien sans aucun problème. Dans cette approche, chaque fois que je clique sur ajouter une ligne, la méthode du contrôleur est invoquée et le formulaire est soumis et la page complète est actualisée pour chaque action de clic sur l'ajout d'une ligne.

Mais dans mon cas, j’ai une grande forme où ce seraavoir plusieurs lignes comme celle-ci. Donc, mon doute est de savoir comment puis-je ajouter une ligne dans un élément de formulaire développé à l'aide de thymeleaf, sans poster le formulaire dans le contrôleur, créer un nouvel objet dans le contrôleur et actualiser à nouveau la page complète. Est-il possible de faire cela en utilisant ajax et jquery. S'il vous plaît aider.

Réponses:

0 pour la réponse № 1

Vous pouvez utiliser javascript pour ajouter des lignes à une tabledynamiquement. Pour transférer toutes ces données sur votre contrôleur, vous pouvez utiliser la liste des données que vous envoyez. Javascript permet de changer dynamiquement le nom de l'attribut. Du côté du contrôleur, il vous suffit d'extraire cette liste et de l'utiliser dans votre code.