Discussion :

[verbose]

Bonjour,

J'ai une application constituée d'un écran principal et de plusieurs boîtes de dialogue pour paramétrer l'appli.

Je voudrais éviter de charger toutes les boîtes de dialogue dans des div au chargement de l'appli. Je préférerais les charger à la demande.

Voici ce que j'ai essayé de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<f:view>
	<h:form>
		<h:commandButton action="#{lb.display}">
			<f:ajax render="lightbox"/>
		</h:commandButton>
	</h:form>
	<f:subview id="lightbox" rendered="#{lb.rendered}">
		<t:lightbox/>
	</f:subview>
</f:view>

La balise <t:lightbox/> correspond à un composant perso. Il ne pose aucun problème et s'affiche correctement.

Mon ManagedBean :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
@ManagedBean(name="lb")
public class LightboxBean {
	private boolean rendered = false;
 
	public void display() {
		rendered = true;
	}
	public void hide() {
		rendered = false;
	}
	public boolean getRendered() {
		return rendered;
	}
}

Le problème, vous vous en doutez, c'est que ça ne marche pas. Soit l'attribut rendered est initialisé à true, et le composant s'affiche, soit l'attribut est à false, et le composant ne s'affiche pas, bien que la fonction display() soit bien appellée ainsi que getRendered() lorsque je clique sur le bouton.

Je pense que je fais fausse route, mais je ne vois pas de solution à mon problème. Avez-vous une idée de la manière dont je pourrais procéder ?

Merci

[romaintaz]

Bonsoir,

Ton souci vient du fait que tu essaies de rafraichir, via Ajax, un composant qui n'existe pas dans la page. En effet, si ton attribut rendered est évalué à false, alors ton composant lightbox ne sera pas présent dans ta page HTML. Lorsque la requête Ajax est retournée, le moteur Ajax qui tourne sur le client va se dire "ok, je dois maintenant rafraichir le composant lightbox. Hé mais une minute, il est où ?" Et là, on ne pourra pas lui dire "DTC" (comprendre Dans Ton Code, bien sûr ), puisque ce composant n'est pas présent dans la page initialement.

Pour résoudre ce problème, il faut englober ton <f:view> qui contient l'attribut rendered par un autre composant (un div par exemple, généré par un <h:panelGroup layout="block") qui sera toujours présent (mais pourra être vide). Et c'est ce composant que tu vas rafraichir en Ajax.

Ca donne quelque chose comme ça :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<f:view>
	<h:form>
		<h:commandButton action="#{lb.display}">
			<f:ajax render="lightboxWrapper"/>
		</h:commandButton>
	</h:form>
	<h:panelGroup id="lightboxWrapper">
		<f:subview id="lightbox" rendered="#{lb.rendered}">
			<t:lightbox/>
		</f:subview>
	</h:panelGroup>
</f:view>

[verbose]

Super, merci Romain, ça marche nickel