Affichage d'un div selon un choix effectué avec un selectOneRadio ou un checkbox

Version imprimable

20/11/2014, 10h06
duplextalla

Affichage d'un div selon un choix effectué avec un selectOneRadio ou un checkbox

Bonjour,

Je suis débutant Java EE et je travaille sur une page qui contient un "selectOneRadio" (yes or no) qui doit être utilisé pour choisir si le client, sur lequel nous voulons affecter une modification, existe ou non.
Cas 1: si le client existe, on clique sur "YES" et la page doit afficher une liste déroulante contenant tous les client en base et on en choisit un.
Cas 2: si le client n'existe pas, on clique sur "NO" et cette fois-ci, la page affiche le formulaire d'enregistrement d'un nouveau client.

Quelqu'un saurait-il m'indiquer comment procéder ?

Merci d'avance pour votre aide.
20/11/2014, 10h06
VirgApps

Bonjour,

Un

Code:

<f:ajax render="" listener=""/>

dans le composant pourrait résoudre ta problématique
Dans render le composant à updater et éventuellement une action à déclencher dans le listener.

Sinon je préconiserais plutôt une checkbox pour un choix oui/non plutôt qu'un select, le checkbox est fait pour ça ;)
20/11/2014, 15h02
VirgApps

Alors pour compléter ma réponse et être plus précis :
En considérant que tout est encapsulé dans un formulaire, tu auras besoin de 2 panelGroup panelClientConnu et panelClientInconnu contenant l'un et l'autre ce que tu dois afficher suivant le choix de ta sélection.
Dans le selectOneRadio, tu rajoutes un événement

Code:

<f:ajax render="panelClientConnu panelClientInconnu"/>

ainsi tes 2 panels seront mis à jour à chaque changement de valeur du select.
Enfin, dans tes panels, tu ajoutes un "rendered" avec la bonne valeur de ton select par exemple

Code:

<h:panelGroup rendered="#{monController.clientConnu = 'YES'}"/>

Je te dis tout ça de tête donc à adapter à ton code et sans certitudes que ma syntaxe est exact mais le principe est là.
20/11/2014, 15h06
duplextalla

J'ai créer les PanelGroup comme indiqué et j'ai aussi inséré le f:ajax.
Mon souci maintenant est au niveau de

Code:

<h:panelGroup rendered="#{monController.clientConnu = 'YES'}"/>

du "rendered". Dois-je créer une classe Java pour le "moncontroller" ?
21/11/2014, 08h31
VirgApps

Oui, tu as besoin d'une classe "associée" à ta vue, mais c'est la même classe que tu utilises avoir ta liste des clients ou valider un client comme tu l'as signalé en préambule.
Dans cette classe tu rajoutes un booléen qui n'est en fait que la value de ton selectOneRadio

jen n'arrive pas a recuperer les value de mon selectoneradio

je suis ta logique VirgApps mais je suis butté au niveau du code du controller qui doit gerer le selectoneradio
voiçi le code de ma vue:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<h:form enctype="multipart/form-data" id="formulaire">
			<fieldset>
				<legend>Informations client</legend>
 
				<h:outputLabel for="choixNouveauClient">Nouveau client ? <span
						class="requis">*</span>
				</h:outputLabel>
				<h:selectOneRadio id="choixNouveauClient" required="true"
					value="choixNouveauClient">
					<f:selectItem id="choixnouveauClient" itemLabel="Yes"
						itemValue="nouveauClient"  />
					<f:selectItem id="choixancienClient" itemLabel="No"
						itemValue="ancienClient" />
					<f:ajax render="panelancienClient panelnouveauClient" />
				</h:selectOneRadio>
 
 
 
				<br /> <br />
 
 
 
				<h:panelGroup id="panelnouveauClient"  rendered="#{clientBean.clientConnu == 'Yes'}">
 
					<ui:include src="inc/inc_client_form.xhtml" />
 
				</h:panelGroup>
 
 
 
				<h:panelGroup id="panelancienClient" rendered="#{clientBean.clientConnu == 'No'}" >
 
					<h:selectOneMenu name="listeClients" id="listeClients"
						value="#{clientBean.clients}">
						<f:selectItem itemLabel="Choisissez un client..."
							noSelectionOption="true" />
 
						<f:selectItems value="#{ clientBean.clients }" var="item"
							itemLabel="#{item.prenom} #{item.nom } " />
 
					</h:selectOneMenu>
 
				</h:panelGroup>
 
			</fieldset>

je n'arrive pas ecrire le "controller" qui sera apellé dans le panelGroup

merci d'avance

En fait le controller dont je parle tu l'as déjà c'est ton "ClientBean".
Il faut donc que tu mappes ton selectOneRadio à la variable "choixNouveauClient" avec un getter et un setter dans clientBean puis :
Code:

1 2 3 4 5 <h:selectOneRadio styleIdd="choixNouveauClient" required="true" value="#{clientBean.choixNouveauClient}"> <f:selectItem id="choixnouveauClient" itemLabel="Yes" itemValue="nouveauClient" /> <f:selectItem id="choixancienClient" itemLabel="No" itemValue="ancienClient" /> <f:ajax render="panelancienClient panelnouveauClient" /> </h:selectOneRadio>