[PrimeFaces]AjaxStatus et facet

Bonjour,

En regardant la documentation de PrimeFaces, j'ai trouvé l'exemple suivant :

Code:

---

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

<p:ajaxStatus style="display:block;margin-bottom:2em;height:24px;"> <f:facet name="default"> <h:outputText value="Status: StandBy" /> </f:facet>   <f:facet name="start"> <p:graphicImage name="/demo/images/ajaxloadingbar.gif" /> </f:facet>   <f:facet name="complete"> <h:outputText value="Status: Completed" /> </f:facet> </p:ajaxStatus>   <p:ajaxStatus onstart="PF('statusDialog').show()" onsuccess="PF('statusDialog').hide()" />   <p:dialog widgetVar="statusDialog" modal="true" draggable="false" closable="false" resizable="false" showHeader="false"> <p:graphicImage name="/demo/images/ajaxloadingbar.gif" /> </p:dialog>   <h:form> <p:commandButton value="Send" icon="ui-icon-refresh" /> </h:form>

---

Pour mon implémentation, je voudrai avoir le <f:facet name="default"> identique à <f:facet name="complete">. L'idée étant de ne pas dupliquer mon code... Sachant que dans la partie à "dupliqué", il y a des ID qui doivent être unique !
En regardant, la documentation je n'ai pas trouvé de moyen de déclare à la fois le facet en "default" et en "complete".
Si vous avez une idée de faire cela proprement, je suis preneur.

Cordialement,
Patrick Kolodziejczyk.

Sources :Exemple d'utilisation d'AjaxStatus
Documentation AjaxStatus

Euh, pas sûr d'avoir compris ton problème là...
Si je comprends bien, tu veux avoir des "id" associés à tes composants (<h:outputText> par exemple) identiques dans les 2 facets ?

Quel intérêt ? Peux-tu préciser ton besoin ?

Ce composant sert à matérialiser l'état d'une requête ajax, à moins que tu veuilles injecter des valeurs dedans par un javascript, je ne vois pas l'intérêt des id... mais bon, j'attends tes précisions ;)

Peut-être que ce morceau de code est plus parlant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<p:ajaxStatus> <f:facet name="default"> <h:outputText value="Affichage Normal" /> </f:facet>   <f:facet name="start"> <h:outputText value="Pendant le chargement..." /> </f:facet>   <f:facet name="complete"> <h:outputText value="Affichage Normal" /> </f:facet> </p:ajaxStatus>

---

Ici, j'ai deux fois le code correspondant à l'affichage normal. Un pour le défaut et l'autre une fois que la page a été rechargé en Ajax...

Pourquoi mettre les 2 états "avant" et "après" ?
Ceci ne suffit pas ?

Code:

---

1 2 3 4 5 6

<p:ajaxStatus> <f:facet name="start"> <h:outputText value="Pendant le chargement..." /> </f:facet> </p:ajaxStatus>

---

Citation:

---

Envoyé par OButterlin

Pourquoi mettre les 2 états "avant" et "après" ?

---

Par ce que je veux masqué mes informations pendant le chargement

Citation:

---

Envoyé par OButterlin

Ceci ne suffit pas ?

Code:

---

1 2 3 4 5 6

<p:ajaxStatus> <f:facet name="start"> <h:outputText value="Pendant le chargement..." /> </f:facet> </p:ajaxStatus>

---

---

Cela affiche bien un message pendant le chargement, mais il n'y a pas la partie "caché les informations".
Au final, j'ai utilisé ceci :

Code:

---

1 2 3 4 5

<p:ajaxStatus onstart="$('#monID').hide()" onsuccess="$('#monID').show()"> <f:facet name="start"> <h:outputText value="Chargement en cours..." /> </f:facet> </p:ajaxStatus>

---

Cordialement,
Patrick Kolodziejczyk.