[DataTable] Choix valeurs possibles d'une colonne en fonction d'une autre

Version imprimable

Bonjour,

Dans ma datatable, j'aimerais pouvoir mettre en place le principe suivant :

La colonne 1 permet de sélectionner un objet (avec un p:autoComplete). Cet objet contient une liste d'objets (d'un autre type).
Dans la colonne 2, j'aimerais pouvoir ne sélectionner (grâce à un p:selectOneMenu) que les objets contenus dans la liste de l'objet choisi dans la colonne 1.

Lorsque j'édite la colonne suivante, il faut mettre à jour les choix possibles de la colonne 2, de même que lorsque je modifie la valeur de la colonne 1.

Je ne pense pas être loin de la solution mais il me manque qqch.

La table est en mode editRow, avec l'event rowEditInit :
Code:

1 2 3 4 5 6 7 <p:ajax event="rowEditInit" listener="#{saisirHeuresForm.setSelectedHeureForEdit}" /> public void setSelectedHeureForEdit(RowEditEvent event) { DataTable table = (DataTable) event.getSource(); selectedHeure = (Heure) table.getRowData(); }
Les colonnes 1 et 2:
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 <p:column headerText="@ #{msg['Mandat']}" style="width:7%"> <p:cellEditor> <f:facet name="output"> <h:outputText value="#{heure.mandat.numero}" /> </f:facet> <f:facet name="input"> <p:autoComplete id="mandat" value="#{heure.mandat}" completeMethod="#{saisirHeuresForm.completeMandat}" var="mandat" itemLabel="#{mandat.numero}" itemValue="#{mandat}" converter="MandatConverter" forceSelection="true" size="50" immediate="true" /> </f:facet> </p:cellEditor> </p:column> <p:column headerText="#{msg['MaitreDOeuvre']}" style="width:10%"> <p:cellEditor> <f:facet name="output"> <h:outputText value="#{heure.maitreOuvrage}" /> </f:facet> <f:facet name="input"> <p:selectOneMenu id="mo" value="#{heure.maitreOuvrage}"> <f:selectItem itemLabel="Select One" itemValue="#{null}" /> <f:selectItems value="#{saisirHeuresForm.listHeureMaitreOeuvre}" /> </p:selectOneMenu> </f:facet> </p:cellEditor> </p:column>
La méthode qui retourne la liste des objets de la colonne 2 :
Code:

1 2 3 4 5 6 7 8 9 10 11 public List<Identite> getListHeureMaitreOeuvre() { List<Identite> lst = new ArrayList<Identite>(); if (selectedHeure != null && selectedHeure.getMandat() != null && CollectionUtils.isNotEmpty(selectedHeure.getMandat().getListMandatIdentite())) { for (MandatIdentite mandatIdt : selectedHeure.getMandat().getListMandatIdentite()) { lst.add(mandatIdt.getIdentite()); } } return lst; }
La liste des éléments de la colonne 2 ne se met pas à jour au bon moment, voir pas à chaque fois.

Qqun peut-il m'aider ?
Merci pour votre aide

20/08/2015, 13h50
doons

un petit up :oops:
29/09/2015, 16h20
doons

Personne ?

Bonjour,

Il faut juste créer un composant ajax qui permet d'écouté ton autocomplete et met à jours ton selectOneMenu.
Je te file une exemple tu peux le tester:

test.xhtml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<h:form>
	<p:growl id="msgs" showDetail="true" />
		<p:autoComplete id="auto" autocomplete="true" value="#{testController.selectedValue}" completeMethod="#{testController.completeText}">
		<p:ajax event="itemSelect" listener="#{testController.launchAuto()}" update="car" />
		</p:autoComplete>
 
		<p:outputLabel for="car" value="Grouping: " />
	        <p:selectOneMenu id="car" value="#{testController.selectedOneMenu}">
	            <f:selectItem itemLabel="Select One" itemValue="" />
	            <f:selectItems value="#{testController.listOneMenu}" />
	        </p:selectOneMenu>
 
</h:form>

TestController.java

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
@ManagedBean
@ViewScoped
public class TestController implements Serializable{
	/**
         * 
         */
	private static final long serialVersionUID = -8249237448274544292L;
	private String selectedValue;
	private List<String> list1;
 
	private String selectedOneMenu;
	private List<String> listOneMenu;
	@PostConstruct
	public void init(){
		list1=new ArrayList<String>();
		list1.add("list1");
		list1.add("list11");
	}
 
	public void launchAuto(){
 
		listOneMenu=list1;
		System.out.println("valeur affecter");
	}
 
	 public List<String> completeText(String query) {
		 System.out.println("appel reussi");
	        List<String> results = new ArrayList<String>();
	        for(int i = 0; i < 10; i++) {
	            results.add(query + i);
	        }
	        return results;
	    }
 
	//********* getters and setters **********//
	public String getSelectedValue() {
		return selectedValue;
	}
 
	public void setSelectedValue(String selectedValue) {
		this.selectedValue = selectedValue;
	}
 
	public List<String> getList1() {
		return list1;
	}
 
	public void setList1(List<String> list1) {
		this.list1 = list1;
	}
 
	public String getSelectedOneMenu() {
		return selectedOneMenu;
	}
 
	public void setSelectedOneMenu(String selectedOneMenu) {
		this.selectedOneMenu = selectedOneMenu;
	}
 
	public List<String> getListOneMenu() {
		return listOneMenu;
	}
 
	public void setListOneMenu(List<String> listOneMenu) {
		this.listOneMenu = listOneMenu;
	}
 
}

30/09/2015, 10h05
doons

Merci beaucoup, ça marche droit comme je voulais :-)