Générer des champs d'un formulaire dynamiquement

Version imprimable

06/01/2010, 15h20
aniss77

Générer des champs d'un formulaire dynamiquement

salut tous,
J'ai une table qui contient une liste de publication, liée à une autre table qui contient une liste de champs, et pour chaque publication est associée des champs.( les champs peuvent etre communs pour 2 publications ou plus).
Mon probleme: comment faire pour générer ces champs dynamiquement, selon le choix de la publication: les générer dans un formulaire de saisie, pour saisir les publications.
sachant biensur que chaque champ a: (Id, TYPE, Longueur)
Mercii
06/01/2010, 15h44
Sniper37

tu peux utiliser l'attribut rendered, ou si tu utilise facelets, tu peux utiliser ui:include.
avec un peu d'ajax, tu peux conditionner l'affichage dureste du formulaire sur le choix d'un selectOneMenu..
il n'y pas uen seule façon de le faire, ça dépend du contexte.
06/01/2010, 16h12
aniss77

oui, j'utilise un selectOneMenu pour mes publications, et je veux que si l'utilisateur selectionne une publication, et clique sur un bouton "Valider par exemple", le systeme lui génere la liste des champs relatifs à cette publication
Pour vous fere Sniper c facile, pour moi, je ne saits meme pas d'ou commencer, si vous pouvez me guider SVPP.
06/01/2010, 16h23
Sniper37

rien n'est difficile, tu peux lire les tutoriels, il y'a pas mal d'exemple. Sinon si tu utilise Richfaces, tu peux le faire en ajax sur l'évènement onchange,
Il faut commencer, et utiliser l'attribut rendered du composant parent de chaque groupe de champs (un panelGroup par exemple), et si tu rencontre un problème, donne nous le code et on te guidera.
06/01/2010, 17h37
aniss77
Citation:

Envoyé par Sniper37

rien n'est difficile, tu peux lire les tutoriels, il y'a pas mal d'exemple.

Croit moi, j'ai bien cherché, mais pas trouvé (peut etre que je cherche bettement, vue que je saits pas les mots clés la) Si vous avez un lien, donne moi svp.

Citation:

Sinon si tu utilise Richfaces, tu peux le faire en ajax sur l'évènement onchange,
Il faut commencer, et utiliser l'attribut rendered du composant parent de chaque groupe de champs (un panelGroup par exemple), et si tu rencontre un problème, donne nous le code et on te guidera.

Oui, j'utilise Richfaces et Ajax. Et si j'ai bien cimpris, dans ma page JSP je vais faire un selectOneMenu, via lequel je choisit ma publication:
Code:

1 2 3 4 <h:selectOneMenu value="#{}" "> <f:selectItems value="#{}"/> <a4j:support event="onchange" reRender="???"/> </h:selectOneMenu>
Puis faire un panelGroup pour chaque publication (qui contients les champs relatifs à cette publication) , MAis pour "reRender", je vais pointer vers panelGroup?, il fauts pas le lier à une fonction qui teste sur la publication choisie?

un exemple:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <h:selectOneMenu value="#{bean.value}"> <a4j:support event="onchange" reRender="bloc" /> </h:selectOneMenu> <a4j:outputPanel id="bloc"> <h:panelGroup rendered="#{bean.value == 'test'}"> ... .. </h:panelGroup> <h:panelGroup rendered="#{bean.value == 'test2'}"> ... .. </h:panelGroup> <a4j:outputPanel>
tu peux utiliser une variable boolean pour le rendered et gerer sa valeur dans une action de a4j:support.

Pour les articles:

:arrow: Tutoriels JSF

:arrow: Richfaces site démo et doc

:arrow: tutoriel Richfaces

08/01/2010, 14h32
aniss77

1 pièce(s) jointe(s)

Merci Sniper pour cet exemple
1- Mais, à ce que je comprends, je vais créer vers 100 panelGroup?? car j'ai vers 100 publications.
Si oui, pquoi alors on faits au préalable l'affectation des champs pour chaque publication? car j'ai pas un Entity par publication, et chaque Entity contient une ses champs.. Un seul Entity publication, à qui est affecté une liste de Champs (Champ: un autre Entity)
2- je doit faire aussi un bouton de sauvegarde sur chaque panel?
Donc ça seraits en faite, un premier bouton "Valider" dans le panel, pour affecter les valeurs saisie à ma publication, et un bouton final de validation pour sauvegarder la publication en global??
Voici mon formulaire principal (sans le Panel biensur qui contiendra les autres champs)
12/01/2010, 14h12
aniss77

aucune idée svp? :cry:

J'ai essayer aussi avec un dataTable, il m'apporte le nombre execte de champs, mais n'affiche pas les libelle: il m'affiche que 4 ou 5 inputText, sans libelle en avant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<h:form>
		<h:outputText value="Publication"></h:outputText>
		<h:selectOneMenu value="#{PubBean.tp}" style="width: 183px">
			<f:selectItems value="#{PubBean.listPubItems}" />
			<a4j:support event="onchange" reRender="bloc" />
		</h:selectOneMenu>
 
		<a4j:outputPanel id="bloc">
			<h:dataTable value="#{PubBean.tp.champs}" cellpadding="3" >
				<h:column>
					<h:outputText value="#{champBean.champ.libelle}" />
				</h:column>
				<h:column>
					<h:inputText value="#{champBean.champ.valeur.valeur}" size="30" maxlength="10" />
				</h:column>				
			</h:dataTable>
		</a4j:outputPanel>
		<h:commandButton value="Sauvegarder" />
	</h:form>

20/03/2010, 14h22
monalizzaa

Bonjour aniss77
j'ai le meme souci que vous
est ce que vous avez trouvé une solution? :calim2: