Discussion :

[kolodz]

Bonjour,

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

Code jsf :

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

[OButterlin]

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

[kolodz]

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

Code :

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

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

[OButterlin]

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

Code :

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

1
2
3
4
5
6
 
<p:ajaxStatus>
    <f:facet name="start">
        <h:outputText value="Pendant le chargement..." />
    </f:facet>
</p:ajaxStatus>

[kolodz]

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

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

Ceci ne suffit pas ?

Code :

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

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 :

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

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.