PrimeFaces et Dialog

Bonjour,

Je tente de faire disparaître un bouton en ajax, mais impossible de récupérer la référence à ce bouton, c'est une exemple Primefaces. Je comprends guère la façon dont on gère la partie Ajax et surtout Javascript, les Id sont dans leurs première partie dynamique.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<p:tabView> <p:tab title="Questionnaire" id="questionnaire">   <p:commandButton id="showDialogButton" type="button" value="Ajouter un thème" onclick="dlg.show()" />   <p:dialog header="Quel est la dénomination de votre thème" appendToBody="true" widgetVar="dlg" resizable="false"> <h:form id="form"> <h:panelGrid columns="2" style="margin-bottom:10px"> <h:outputLabel for="theme" value="Votre Thème :" /> <p:inputText id="theme" value="#{questionnaireControler.theme}" /> </h:panelGrid> <p:commandButton id="submitButton" value="Submit" update=":#{p:component('display')}" oncomplete="$('#showDialogButton').css('display', 'none'); dlg.hide();"/> </h:form> </p:dialog> <p:outputPanel id="display" style="display:block;margin-top:10px;font-weight: bold;" > <h:outputText id="name" value="#{questionnaireControler.theme}" rendered="#{not empty questionnaireControler.theme}" /> <h:graphicImage library="images" name="icones/annuler.gif"/> </p:outputPanel> </p:tab>   ...

---

le $('#showDialogButton').css('display', 'none'); ne fonctionne pas car JSF génère avant j_idt19:showDialogButton. j'avais contourné ce pb avec update=":#{p:component('display')}" pour la partie mise à jour du message en dehors de la balise form, mais la je sèche ...

Pas simple le js in JSF


Olivier

Essaie avec ça document.getElementById('questionnaire:emailAddress'); Si ça ne marche pas il faut le binder et dans ton javascript tu rajoute document.getElementById("#{backBean.myInputText.clientId}")

Bonjour,

évite de faire du JavaScript mais utilise plutôt ce que t'offre JSF à ce sujet.

Il faut que tu associes (binding) ton bouton avec sa réprésentation Objet dans un ManagedBean . La classe est CommandButton

par exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

@ManagedBean public class MonManagedBean { private CommandButton monBouton;   // getters / setters     public void activerBouton() { monBouton.setDisabled(true); }   public void desactiverBouton() { monBouton.setDisabled(true); } }

---

ensuite dans ta page JSF, il te faut bien sûr un composant qui déclenche les méthodes ci-dessus en fonction du besoin (actionListener), mais il faut surtout que ton bouton (que tu veux voir disparaitre) soit associé avec un binding :

Code:

---

1 2	<p:commandButton binding="#{monManagedBean.monBouton" ... ... />

---

En espérant t'avoir mis sur la voie ...

Bonjour,

Je vois ce que tu veux dire, mais dans le cadre d'un site soumis à une charge importante le fait de ne recharger l'essentiel, me semble plus pragmatique. C'est je crois par expérience le bon choix.


Olivier

pour faire disparaitre et un apparaitre un button tu peux utiliser tout simplement la propriété rendered

mais la méthode que j'ai présenté ne charge que l'essentiel (une partie du dom) grâce à AJAX que fais JSF pour toi ...

sauf vraiment si tu veux que ce soit fait côté client uniquement ...