[PrimeFaces] Comment afficher la boite de dialogue <p:confirmDialog> après la validation des inputs ?

Version imprimable

Bonjour
Pour mon projet d'ecole je dois realiser un mini site web où j'utilise le framework primefaces. Dans un formulaire je souhaite apres avoir appuyé sur le bouton Save deux choses:
1- Valider le données entrées. c'est pour cela que j'ai mis

Code:

<p:message for="date" /> et <p:message for="zone" />

Tant que les valeurs ne seront pas correctes, la boite de dialogue ne dois pas s'afficher.
2- Quand toutes les données seront correctes, et que je clique sur Save, je souhaite afficher ma boite de dialogue.

Actuellement j'y arrive pas. Pouvez-vous m'aider svp ?
J'utilise la version 4 de primefaces.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<h:form>
	<p:panel id="panel" header="Create"  style="margin-bottom:10px;border-color:blueviolet" >
		<p:messages id="messages" /> 
            <h:panelGrid columns="3">
                <h:outputLabel for="date" value="Date : *" />  
                <p:calendar locale="fr" id="date" value="#{newBusinessCtrl.exercice.debut}" required="true" label="date" showButtonPanel="true"/>   
                <p:message for="date" />  
 
				<h:outputLabel for="zone" value="Zone Monétaire: *" /> 
                <p:selectOneMenu id="zone" value="#{newBusinessCtrl.exercice.zoneChoice}"  >
                    <f:selectItem itemLabel="Choice " itemValue="" />
                    <f:selectItems value="#{newBusinessCtrl.exercice.zones}" var="azone"
                        itemLabel="#{azone}" itemValue="#{azone}" >
                    </f:selectItems>
                    <p:message for="zone" />
                </p:selectOneMenu>
                <p:message for="zone" /> 
			</h:panelGrid>  
    </p:panel>
    <p:commandButton update="panel" value="Save"   icon="ui-icon-check" style="color:blueviolet" onclick="choice.show()"/> 
    <p:confirmDialog message="Would you like to create accounts automatically ?"
                 header="Account creation" severity="alert" 		   
                 widgetVar="choice" appendTo="@(body)">
            <p:button outcome="personalizeAccount" value="Personalize" icon="ui-icon-star" />
            <p:button outcome="autoAccount" value="Continue" icon="ui-icon-star" />
    </p:confirmDialog>
 
</h:form>

salut,
remplace ceci

Code:

<p:commandButton update="panel" value="Save" icon="ui-icon-check" style="color:blueviolet" onclick="choice.show()"/>

par ce code
Code:

1 2 3 <p:commandButton update="panel" value="Save" icon="ui-icon-check" style="color:blueviolet" onclick="choice.show()"> <p:confirm header="Confirmation" message="Would you like to create accounts automatically ?" icon="ui-icon-alert" /> </p:commandButton>
et fais nous savoir si c´est ok.

Eric

27/12/2013, 15h23
it.next

Hello,

J'ai essayé et c'est pas bon. Je suis même en régression. les

Code:

<p:message for="date" /> et <p:message for="zone" />

ne fonctionnent plus.

En fouillant rapidement sur le net, j'ai trouvé cette méthode RequestContext.getCurrentInstance() qui retourne un FacesContext. J'ai paComme je suis en mod
27/12/2013, 15h32
it.next

Le message complet :D

Hello,

J'ai essayé et c'est pas bon. Je suis même en régression. les

Code:

<p:message for="date" /> et <p:message for="zone" />

ne fonctionnent plus. En fouillant rapidement sur le net, j'ai trouvé cette méthode RequestContext.getCurrentInstance() qui retourne un FacesContext. J'ai pas encore tout compris de l'utilité de FacesContext mais je vous tiens au courant.

It.next