Discussion :

[romaintaz]

Hello,

Petite question à propos des suggestion-box de RF:
Si j'écris :

Code :

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

1
2
<h:inputText id="myField" .../>
<rich:suggestionBox for="myField".../>

la suggestion-box va servir à remplir, avec la valeur sélectionnée, le champ myField.
Admettons que mon suggestion-box itère sur une liste d'objet de classe Bidule (c-a-d que dans mon suggetsion-box, je vais avoir var="truc" avec truc en tant qu'instance de Bidule). Admettons aussi que ma classe Bidule à 2 champs : id et label.

Ce que j'aimerais, c'est que mon suggestion-box, quand je choisis un élément suggéré, remplisse 2 input texts, l'un avec la valeur du label de mon choix, l'autre avec son ID :

Code :

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

1
2
3
4
 
<h:inputText id="biduleId" .../>
<h:inputText id="biduleLabel" .../>
<rich:suggestionBox ??? .../>

Comment faire cela ?

[djo.mos]

Bonjour,
C'est ton jour de chance amigos: je me suis cassé la gueule sur ça durant des jours y'a deux semaines

Bref, allons y:
Disosns que t'as deux inputs avec un suggestBox sur le premier:

Code xml :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<h:inputText id="f1" value="#{bean.field1}" />
<h:inputText id="f2" value="#{bean.field2}" />
 
<rich:suggestionbox for="f1"
	suggestionAction="#{bean.autocomplete}"
	var="f" fetchValue="#{f.f1}">
	<h:column>
		<h:outputText value="#{f.f1}" />
	</h:column>
	<h:column>
		<h:outputText value="#{f.f2}" />
	</h:column>
</rich:suggestionbox>

On commence par ajouter une fonction JS comme celleci:

Code xml :

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

1
2
3
4
 
<a4j:jsFunction name="f1Change"
	action="#{bean.onF1Change}"
	reRender="f2" />

qui appèle une méthode onF1Change de ton bean et redessine f2 après le retour.

Ensuite, on modifie le suggestBox en ajoutant un handler onselect:

Code xml :

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

1
2
3
4
 
<rich:suggestionbox for="f1"
	suggestionAction="#{bean.autocomplete}"
	var="f" fetchValue="#{f.f1}" onselect="f1Change();">

où f1Change() est la fonction qu'on vient de définir:

et hop ! reste plus qu'ajouter l'action onF1Change dans ton managed bean qui remplies le champ avec lequel f2 est bindé:

Code :

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

1
2
3
4
5
6
 
public String onF1Change() {
  //f1 est déjà remplie par le suggestion box
  f2 = suiteDeF1(f1);
  return null;
}

Bonne chance

P.S.: le suggest + les inputs + le a4j:jsFunction doivent être dans un même formulaire.

[romaintaz]

Merci pour ta réponse djo.mos.
Bon, c'était pas pour moi, mais le procédé me parait ok. Reste que j'imaginais qu'il y avait une solution plus simple

[psycocouac]

Je me permets de remonter le message, car je suis assez intéressé par ta solution, mais je n'ai pas compris la dernière étape :
public String onF1Change() {
//f1 est déjà remplie par le suggestion box
f2 = suiteDeF1(f1);
return null;
}

Qu'est ce qu'il faut mettre dans suiteDeF1 ?

Cordialement,
Matthieu

[djo.mos]

Je me permets de remonter le message, car je suis assez intéressé par ta solution, mais je n'ai pas compris la dernière étape :
public String onF1Change() {
//f1 est déjà remplie par le suggestion box
f2 = suiteDeF1(f1);
return null;
}

Qu'est ce qu'il faut mettre dans suiteDeF1 ?

Cordialement,
Matthieu

Bah c'est pas figé, mais en gros, ça doit renseigner le champ f2 en fonction de la valeur de f1 ...

Genre si on remplit le nom dans f1, on renseigne le prénom dans f2.

[Sniper37]

Une autre solution est possible en utilisant juste a4j:support et f:setPropertyActionListener:

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
 
<h:inputText id="f1" value="#{bean.field1}" />
<h:inputText id="f2" value="#{bean.field2}" />
 
<rich:suggestionbox for="f1"
	suggestionAction="#{bean.autocomplete}"
	var="f" fetchValue="#{f.f1}">
<a4j:support event="onselect" reRender="f2"> 
<f:setPropertyActionListener value="#{f.f2}" target="#{bean.field2}" />
</a4j:support>
	<h:column>
		<h:outputText value="#{f.f1}" />
	</h:column>
	<h:column>
		<h:outputText value="#{f.f2}" />
	</h:column>
</rich:suggestionbox>

Elle est dans l'article Richfaces/JSF en cours, qui attend des relecteurs...
à bon entendeur ..

[Tcharl]

Il y a tout de même un souci à la première solution:
en prenant un exemple concret:
le champ 1 est le code postal.
Sur selection dans la suggestionBox (qui contient Cp et ville), l'utilisateur choisit la troisième ville avec le code postal 41400.
Comment mettre à jour le champ 2 (ville) avec la bonne ville correspondante?

En vous re-remerciant,

[Sniper37]

Il y a tout de même un souci à la première solution:
en prenant un exemple concret:
le champ 1 est le code postal.
Sur selection dans la suggestionBox (qui contient Cp et ville), l'utilisateur choisit la troisième ville avec le code postal 41400.
Comment mettre à jour le champ 2 (ville) avec la bonne ville correspondante?
En vous re-remerciant,

il n'y a pas de souci, il suffit d'ajouter l'id du champ 2 dans le reRender..
tu peux même mettre à jour plusieurs champs qui dépendent de code CP par exemple, si leurs valeurs n'est pas disponibles dans la page, tu peux la calculer coté java dans une actionListener du a4j:support..