Discussion :

[Lolosan]

Bonjour,

j'ai un problème, probablement de conception, lors de l'appel d'un commandButton.

Ce bouton permet, par l'intermédiaire d'un inputText à l'utilisateur de lancer une recherche. En gros ce que je souhaite faire. Quand l'utilisateur a saisi son texte et cliqué sur le bouton, la recherche va se lancer. Cette recherche est une requette SQL sur ma base de donnée. Suivant si elle trouve ou non un resultat, je stock dans une variable un message. Une fois finie elle va me mettre à jour un panelGroup dans ma page qui lui pourra afficher le résultat.
Dans un second temps, je voudrais afficher le message.

Le code de mon bouton est le suivant :

Code :

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

1
2
3
4
5
6
7
 
<p:messages id="message" showDetail="true" autoUpdate="true" closable="true" />                            
<h:panelGrid id="num1" columns="3" cellspacing="10" style="float:right;">
	<h:outputLabel for="name" value="SID / Pays :" style="font-weight:bold"/> 					          
	<p:inputText id="name" value="#{rechercheBean.nom}" />  					          
	<p:commandButton id="btn" value="Rechercher" update="display" actionListener="#{rechercheBean.addInfo}"/>  					  
</h:panelGrid>

Le code qui est mis à jour sur ma page :

Code :

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

1
2
3
4
5
6
 
<h:panelGroup id="display">
	<ui:repeat var="inst" value="#{rechercheBean.rechercher()}">
                ...
        </ui:repeat>
</h:panelGroup>

Ce code n'a pas grand interet si ce n'est que finalement c'est lui qui lance la requette SQL et qui la traite, et non le click sur le bouton...


Le code de mon bean :

Code :

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
 
@ManagedBean
@ViewScoped
public class RechercheBean implements Serializable
{
private int info;
 
...
 
public void addInfo(ActionEvent actionEvent) 
    {  
    	if (info == 1)
    	{
    		FacesContext.getCurrentInstance().addMessage("message", new FacesMessage(FacesMessage.SEVERITY_INFO,"Test", "Pas de résultats"));
    	}
    	else if (info == 2)
    	{
    		FacesContext.getCurrentInstance().addMessage("message", new FacesMessage(FacesMessage.SEVERITY_FATAL,"Nombre de caractères insuffisants", "Entrez au minimum 3 caractères"));
    	}
    }  
}

Je ne vous met pas la fonction recherche, je ne pense pas qu'elle ai un grand interet...

Ce code fonctionne très bien si ce n'est que l'update est exécuté après l'actionListener. Et moi je voudrais que ce sois l'inverse. Dans mon update je lance ma recherche, j'actualise ma portion de page, et j'associe une valeur à ma variable info (correspondant au message que je veux afficher). Et ensuite je voudrais pouvoir afficher le message correspondant.

Actuellement si je clic une fois : ma page s'actualise nickel, mais aucun message n'apparait.
Je clic une seconde fois, le message correspondant à ma 1ere action apparait.
Et si je continu j'ai toujours un décalage entre le message correspondant à l'ancienne page affichée, et la nouvelle page.

J'ai vu sur un forum que c'était normal que l'update est toujours exécuté après l'actionListener. Mais vu comment j'ai codé je vois pas trop comment y toucher pour avoir le résultat attendu...

Si quelqu'un à une idée... Merci beaucoup

[Alkhan]

bonjour,

Effectivement, je pense que tu n'envisage pas le fonctionnement du composent correctement !
Pourtant tu décris bien ce que tu veux, et dans le bon ordre :

Quand l'utilisateur a saisi son texte et cliqué sur le bouton, la recherche va se lancer. Cette recherche est une requette SQL sur ma base de donnée. Suivant si elle trouve ou non un resultat, je stock dans une variable un message. Une fois finie elle va me mettre à jour un panelGroup dans ma page qui lui pourra afficher le résultat.
Dans un second temps, je voudrais afficher le message.

Ton problème est que tu ne fais pas ce que tu décris .... Normalement, dans l'actionListener tu lances ta recherche et ensuite tu rafraichis ton panel.

[Lolosan]

Oui mais le problème c'est que je ne vois pas comment utiliser les messages de PrimeFaces sans le mettre dans l'actionListener. Et je ne vois pas non plus comment mettre ma page à jour sans l'update.

Dans la partie que je veux mettre à jour j'ai besoin d'une liste d'objet, que ma requette me renvoi, pour pouvoir la mettre en forme pour l'utilisateur. S'il y a une maniere de déporter l'appel à ma recherche dans un event "onClick" (ou un autre) et de pouvoir faire tout de meme mon itération sur mes objets plus bas dans le code dites le moi.

Je suis au début de mon développement donc c'est le moment de tout refaire ^^. J'ai juste besoin de conseils.

[Alkhan]

Ok je vais t'aider mais on va y aller par étape !

Les messages on vera ca plus tard ... commençons dans un 1er temps par ce que tu veux afficher

Dans la partie que je veux mettre à jour j'ai besoin d'une liste d'objet, que ma requette me renvoi

Tu veux dire quoi par liste d'objet, que veux tu afficher et comment veux tu l'afficher (liste, tableau, zone de texte ....) ?

[Lolosan]

En fait ma fonction rechercher() de mon rechercheBean me retroune une liste d'instance :

Code :

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

1
2
 
public List<Instance> rechercher()

Je recupere cette liste grâce à ui:repeat. Et je fais ma mise en page :

Code :

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
24
25
 
<h:panelGroup id="display">
	<div class="galerie">	
		<div class="conteneur">
			 <ui:repeat var="inst" value="#{rechercheBean.rechercher()}">
				<div class="boite" id="recherche#{inst.sid}">
					<p:commandLink id="recherche">  
						<h:outputText value="#{inst.sid}" style="color:black;"/>  
					</p:commandLink>
				</div> 
 
				<p:overlayPanel id="pane#{inst.sid}" for="recherche" hideEffect="fade">  
					Action 1 <br></br>
					Action 2 <br></br>
					Action 3 <br></br>
					#{inst.sid} <br></br>
					<h:commandLink action="instance" value="Informations">
						<ui:param name="instanceParam" value="#{inst}"/> 
					</h:commandLink>
				</p:overlayPanel>  
			 </ui:repeat>
			 <hr class="clear" />
		</div>
	</div>
 </h:panelGroup>

La premiere partie correspond à cet affichage :


La seconde partie correspond à un overlay :


En gros j’itère sur une liste d'instance et pour chaque instance je l'affiche et lui associe un overlay. A chaque fois que l'utilisateur saisie une nouvelle valeur j'ai besoin que le panel se mette à jour.

Si je suis pas très claire il faut me le dire.

[Alkhan]

Bon, ton rechercheBean est en ViewScoped, donc pourquoi ne pas séparer la recherche de la récupération de la liste !
L'actionListener du bouton appel rechercher() qui ne retroune plus rien, mais en contre partie tu stock en variable d'instance le résultat de la recherche.
Ensuite, tu met en place les getter / setteur sur la liste. Getter qui sera appeler par le repeat.