Discussion :

[bobzaz]

Bonjour,

J'ai un soucis.

J'ai un bouton... je clique dessus...et j'aimerais alors qu'il ne soit plus affiché et qu'un autre lui au contraire s'affiche.

Rien a faire.... mon javascript n'a aucune influence.

La fonction 'enCours()' n'a aucune influence.
La fonction 'finish()' oui ! mais trop compliqué à gérer car j'ai des variables stockées dans mon bean et ça met la grouille

Une idée ? merci de l'aide

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
16
17
18
19
20
21
22
 
<script type="text/javascript">
 
			    function enCours(){
 
			    	document.getElementById('form:validerButton').setAttribute("rendered", false);
			    	document.getElementById('form:enCoursButton').setAttribute("rendered", true)';
			    }
 
				function finish(){
 
			    	document.getElementById('form:validerButton').style.visibility='visible';
			    	document.getElementById('form:enCoursButton').style.visibility='hidden';
			    }
 
			</script>
 
 
<p:commandButton ajax="true" id="validerButton" rendered="#{!importManager.enCours}" process="@form" onclick="enCours()"  oncomplete="finish()" value="Créer la journée Stan Site" 
					update=":messages :form :form:test"  actionListener="#{journeeStanSiteBean.onCreer}" />
 
<p:commandButton id="enCoursButton"   style="visibility:hidden;" disabled="true"  value="En cours..."/>

[ziad.shady]

C'est normal que ça ne marchera pas. La grappe de tes composants JSF est construite côté serveur. Par exemple tu ne peux pas faire apparaître en javascript ton bouton de commande qui a été caché (rendred = false) côté serveur.

Code :

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

<p:commandButton ajax="true" id="validerButton" rendered="#{!importManager.enCours}" process="@form"  value="Créer la journée Stan Site"  update=":messages :form :form:test"  actionListener="#{journeeStanSiteBean.onCreer}" />

Code :

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

<p:commandButton id="enCoursButton" disabled="true"  value="En cours..." rendered="#{importManager.enCours}"/>

Code :

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

1
2
3
4
public void onCreer {
   // Ton code
   enCours = true;
}

[Nico02]

Effectivement si tu met l'attribut rendered="false", le composant n'est même pas générer du coté du client, donc aucune chance de pouvoir jouer sur sa visibilité il n'existe pas.

Par contre tu peux mettre rendered="true" et simplement cacher le composant. Comme ça tu peux utiliser du JS pour le faire apparaitre/disparaitre à volonté.

Sinon tu dois ton code comme le suggère @ziad.shady avec rendered="#{!importManager.enCours}" et modifier la valeur #{importManager.enCours} dans un bean et ensuite rafraichir le composant parent via un PartialTarget() pour qu'il réévalue l'expression rendered="#{!importManager.enCours}" du bouton en question et ainsi le rendre disponible le cas échéant.

Petite précision, le code document.getElementById('form:validerButton').setAttribute("rendered", false); ne risque pas de fonctionner non plus car l'attribut rendered est un attribut coté serveur. Il n'existe donc pas coté client.

Cdt.

[bobzaz]

Merci de votre aide....

Je garde sous le coude vos remarques...
Je bosse sur un autre projet en ce moment....
Des que je re bascule sur l'ancien j'applique vos conseils !!