Discussion :

[flamant]

Bonjour,

je voudrais creer une picklist (primefaces) avec un element autocomplete à gauche et une multiselectbox à droite de sorte que quand je cherche un element dans mon champ autocomplete (à gauche) je puisse le faire glisser dans ma boite (multiselect) à droite.

Merci d'avance pourn vos suggestions

[flamant]

Bonjour,

j'ai avancé dans mon implementation.

J'ai pour le champ à gauche un champ autocomplete suivant

Code :

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

1
2
3
4
5
6
7
8
9
 
		<p:autoComplete id="#{id}" value="#{myBean.ville}" rendered="#{empty rendered ? true : rendered}"
			completeMethod="#{villeHelper.completeVille}" forceSelection="true"
			minQueryLength="1" maxResults="20" var="ville"
			itemLabel="#{ville.commune} (#{ville.codePostal})"
			itemValue="#{ville}" converter="#{villeConverter}"
			queryDelay="300" size="40" disabled="#{disabled}">
			<ui:insert name="villeInnerText"/>
		</p:autoComplete>

avec mon villeConverter

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
26
27
28
29
30
31
32
33
 
public class VilleConverter implements Converter {
 
	@ManagedProperty("#{dataReferenceHelper}")
	private DataReferenceHelper dataReferenceHelper;
 
         ...................
 
	/* (non-Javadoc)
	 * @see javax.faces.convert.Converter#getAsObject(javax.faces.context.FacesContext, javax.faces.component.UIComponent, java.lang.String)
	 */
	@Override
	public Object getAsObject(FacesContext context, UIComponent component, String value) throws ConverterException {
		Ville ville = null;
 
		if (value != null && !StringUtils.isEmpty(value.trim())) {
			ville = dataReferenceHelper.getVille(value);
		}
 
		return ville;
	}
 
	/* (non-Javadoc)
	 * @see javax.faces.convert.Converter#getAsString(javax.faces.context.FacesContext, javax.faces.component.UIComponent, java.lang.Object)
	 */
	@Override
	public String getAsString(FacesContext context, UIComponent component, Object value) throws ConverterException {
		if (value instanceof Ville) {
			Ville ville = (Ville) value;
			return ville.getVillePk().toString();
		}
		return null;
	}

pour mon champ à droite j'ai une

Code :

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

1
2
3
4
 
  		<h:selectManyListbox value="#{bean.selectedItems}">
   			<f:selectItems value="#{bean.selectItems}" />
   		</h:selectManyListbox>

Ma première question est : comment utiliser mon villeConverter pour dire que selectedItems est une liste de ville

Pour mon bouton au milieu, j'ai un element commandButton pour ajouter une ville de gauche à la liste de droite

Code :

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

1
2
3
4
 
<h:commandButton action="#{bean.addVille}" >
    <f:setPropertyActionListener target="#{bean.addedVille}" value="#{myBean.ville}" />
</h:commandButton>

Ma deuxième question est : comment utiliser mon villeConverter pour convertir myBean.ville en une ville qui sera rangée dans bean.addedVille

Et voici mon bean ou la logique d'ajout et de gestion de ma selectManyListBox est présente

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
private List<SelectItem> selectItems; // avec getters et setters
private List<Ville> selectedItems; // avec getters et setters
private Ville addedVille;   // avec getters et setters

public void addVille() {
   if (selectedItems == null ) {
        selectItems = new ArrayList<SelectItem>();
   }
   selectItems.add(new SelectItem("value1" (<- ma troisième question, que dois-je mettre ici, addedville.getVillePk().toString() ?) , addedVille.getName()));

}

Enfin voici ma classe ville

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
 
public class Ville implements Identifiable<VillePk>, Serializable {
 
	/** The ville pk. */
	@EmbeddedId
	private VillePk villePk = new VillePk();
 
	/** The commune. */
	@Size(max = 172)
	@Column(length = 172)
	private String commune;
 
	/** The arrondissement. */
	@Column
	private Integer arrondissement;

Merci d'avance pour vos réponses