[JSP] Création dynamique de n lignes de formulaire

Bonjour,
après une bonne aprem de recherches je me décide à poster...
j'aimerais effectuer la chose suivante :

• je met en place un formulaire d'ajout de catégorie (il s'agit de catégories de taches). Pour chaque catégorie qu'il crée, l'utilisateur peut ajouter des champs personnalisés. Il défini dans un premier temps le nombre de champs qu'il veut ajouter.

• A partir de ce nombre n, j'aimerais créer dynamiquement un formulaire composé de n "lignes" d'<input type="text">: 1 pour le nom du champs, 1 pour la valeur par défaut...
• Lors de la soumission du formulaire, dans mon Action struts, je récupèrerais les différentes valeurs décrivant les champs sous forme de tableau

En gros ce que je souhaite obtenir comme code html juste en connaissant le nombre n (mettons n = 2)

Code:

---

1 2 3 4 5 6 7 8 9 10

<table> <tr> <td><input type="text" name="fieldName[0]"></td> <td><input type="text" name="fieldDefault[0]"></td> </tr> <tr> <td><input type="text" name="fieldName[1]"></td> <td><input type="text" name="fieldDefault[1]"></td> </tr> </table>

---

Une idée précise de comment faire ?
Merci par avance

Voici une solution qui, je pense, devrait marcher.;)

Tu crées une classe Java, que je vais appeler Field, avec pour attribut fieldName et fieldDefault, les getters et setters correspondant et un constructeur qui appelle setFieldName et setFieldDefault.

Ensuite, dans l'Action, que j'appelerais InitFieldAction, qui récupère le nombre n, tu crées une ArrayList, que j'appelerais FieldList, de n beans Field, en initialisant les attributs fieldName et fieldDefault à blanc via le constructeur de la classe Field.

Puis, tu crées une ActionForm qui a pour attribut l'ArrayList fieldList avec getter et setter.
Dans l'Action InitFieldAction, tu mets l'ArrayList dans le scope via le setter de l'ActionForm.

Et dans la jsp, tu utilises le tag nested:iterate qui se code comme ceci :

Code:

---

1 2 3 4 5

<nested:iterate property="fieldList"> <nested:text property="fieldName"/> <nested:text property="fieldDefault"/> </nested:iterate>

---

ça te générera le code html suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<table> <tr> <td><input type="text" name="fieldList[0].fieldName" value=""></td> <td><input type="text" name="fieldList[0].fieldDefault" value=""></td> </tr> <tr> <td><input type="text" name="fieldList[1].fieldName" value=""></td> <td><input type="text" name="fieldList[1].fieldDefault" value=""></td> </tr> </table>

---

Et dans l'Action exécutée au submit de formulaire, tu récupères l'ArrayList de beans Field via le getter de l'ActionForm.

Dis-moi si c'est assez clair, si ça correspond bien à ton besoin et si tu as besoin de plus d'infos et de bouts de code pour la mise en oeuvre.;)

aha ! une solution qui semble se profiler :)
par contre la partie " Dans l'Action InitFieldAction, tu mets l'ArrayList dans le scope via le setter de l'ActionForm." je vois pas comment faire...
sachant que mon action struts (InitFieldAction) retourne un findForward("customfields") qui correspond à ma page jsp contenant le nested:iterate...
J'ai oublié une action?
voici pour plus de clarté un extrait de mon struts-config :

Code:

---

1 2 3 4 5 6 7 8 9 10

<action path="/submitNewCat" input="/newCat.do" validate="true" name="newCatForm" type="com.enki.application.actions.NewCatExecuteAction"> <forward name="success" path="/WEB-INF/jsps/newCatOk.jsp"/> <forward name="failure" path="/newCat.do"/> <forward name="customfields" path="/WEB-INF/jsps/newCatCustom.jsp"/> </action>   <action path="/submitNewCatWithCustom" input="/WEB-INF/jsps/newCatCustom.jsp" validate="true" name="newCatCustomForm" type="com.enki.application.actions.NewCatCustomExecuteAction"> <forward name="success" path="/WEB-INF/jsps/newCatOk.jsp"/> <forward name="failure" path="/newCat.do"/> </action>

---

Imaginons que ton ActionForm de name newCatForm s'appelle NewCatForm.
Donc, dans la méthode execute de l'Action d'initialisation :

Code:

---

1 2 3

NewCatForm newCatForm = (NewCatForm) form ; newCatForm.setFieldList(tonArrayList) ;

---

Yep ca marche maintenant :D
Merci beaucoup !

Cool ! ;)
Moi qui pensais ne pas avoir été assez précise dans mes explications.:oops:
Bravo, tu as assuré.:D

N'oublie pas le tag :resolu:

Bonjour,

J'ai besoin d'un bout de code SVP. J'ai le même besoin.

Merci