Problème appel javascript dans mon xthml

Version imprimable

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:

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..."/>

11/12/2015, 17h18
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:

<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:

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

1 2 3 4 public void onCreer { // Ton code enCours = true; }
11/12/2015, 17h44
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.
17/12/2015, 12h41
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 !!