2 combobox dépendants

**john_wili** · 10/07/2008, 12h17

bonjour

je veux créér 2 combobox dans ma jsp,les valeurs du 2eme combo dépendent du 1er :

1-si je choisis la valeur ("x") du combo1 l'autre combo2 devient inactif ou bloqué

2-si je choisis d'autres valeurs le contenu du combo2 sera différent en fonction de cette valeur

comment je dois faire??sachant que je travail avec struts1.2

merci pour votre aide

**verbose** · 10/07/2008, 12h24

Struts ne propose aucune solution pour cela, il faut que tu te tourne vers JavaScript.

**c_nvy** · 10/07/2008, 13h37

Tu devrais jeter un oeil au tag select de Struts-Layout et ses attributs layoutId, onchange, ...
Et pour les listes déroulantes dépendantes, regarde les tags options et optionsDependent et aussi la FAQ Struts-Layout.

**c_nvy** · 10/07/2008, 19h25

Ci-dessous une solution qui fonctionne en Struts-Layout 1.3 :

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
34
35
36
37
38
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout" %>
 
<html>
<head>
   <layout:skin includeScript="true"/>
   <script>
   function cacher()
   {
	if ( document.nomDuFormBean.num1.value == 'x' )
	{
		document.getElementById("selCombo2F").style.visibility = "hidden" ;
	}
	else
	{
		document.getElementById("selCombo2F").style.visibility = "visible" ;
	}
   }
   </script>
</head>
 
<body>
 
<layout:form action="pathAction">
   <layout:line space="true">
	<layout:select key="cle1" property="num1"  onchange="cacher();" >	
		<layout:option value="" />
		<layout:options collection="list1" property="num" labelProperty="nom" sourceOf="num2"/>
	</layout:select>
	<layout:select key="cle2" property="num2" layoutId="selCombo2">
		<layout:option value=""/>	
		<layout:optionsDependent collection="list2" dependsFrom="num1"/>
	</layout:select>
   </layout:line>
</layout:form>
 
</body>
 
</html>

La deuxième combo disparaît si la valeur sélectée dans la première est égale à x.
Et si tu choisis une autre valeur dans la première combo, les valeurs de la deuxième changeront.

Pour constituer les listes, se baser sur ce qui est écrit dans la FAQ Struts-Layout dont j'ai donné le lien précédemment.

**john_wili** · 10/07/2008, 23h24

ou je dois faire la dépendence entre "liste2"et "num1" indiqué dans:

Code :

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

 <layout:optionsDependent collection="list2" dependsFrom="num1"/>

et si je doit remplir les 2 combox avec des valeurs de ma base
par exemple si je choisis dans le premier combo "client" il m'affiche
dans le 2em combo la liste des clients qui se trouve dans la base
comment je dois faire??

merci

**c_nvy** · 11/07/2008, 09h20

Alors, il faudrait créer une classe avec pour propriétés un objet de type String et un objet de type List, qui correspond à la deuxième liste déroulante :

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
public class UnObjet implements Serializable
{
	private String type;
	private List list2 = new ArrayList();
 
	public UnObjet(String type) {
		this.type= type ;
	}
	public String getType() {
		return this.type;
	}
	public void setType(String type) {
		this.type=type;
	}
	public List getList2() {
		return this.list2;
	}
	public void setList2(List liste) {
		this.list2=liste;
	}
}

La collection list1 est donc une collection d'objets UnObjet :

Code :

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

1
2
3
4
5
6
7
List list1 = new ArrayList() ;
 
UnObjet unObjet = new UnObjet() ;
unObjet.setType("client") ;
List list2 = // appel de la méthode qui renvoie une liste d'objets Client à partir du résultat du select sur la table des clients ;
unObjet.setList2(list2) ;
list1.add(unObjet) ;

Il faut mettre list1 dans le scope pour la rendre accessible dans la jsp.

Et dans la jsp :

Code :

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

1
2
3
4
5
6
7
8
<layout:select key="cle1" property="type" onchange="cacher();" >	
	<layout:option value="" />
	<layout:options collection="list1" property="type" labelProperty="type" sourceOf="num"/>
</layout:select>
<layout:select key="cle2" property="num" layoutId="selCombo2">
	<layout:option value=""/>	
	<layout:optionsDependent collection="list2" property="num" labelProperty="nom" dependsFrom="type"/>
</layout:select>

**c_nvy** · 15/07/2008, 18h43

ça ne correspond pas vraiment à ce que tu as écrit au début de la discussion :

Envoyé par john_wili

2-si je choisis d'autres valeurs le contenu du combo2 sera différent en fonction de cette valeur

**john_wili** · 15/07/2008, 21h18

oui c'est vrai mais j'ai exprimé et expliqué le nouveau besoin
dans la partie9 de la discussion

en tous les cas j'ai vu la réponse à la question de mima_mine
elle corespond exactement à mon besoin

merci

**Mehdibr** · 21/07/2008, 16h17

Bonjour,

J'essaye en vain de mettre en place cette dépendance avec struts-layout.

Il faut mettre list1 dans le scope pour la rendre accessible dans la jsp.

Je suis plutôt novice en Struts/Jsp, je n'ai pas compris comment il fallait le faire car effectivement, la jsp ne trouve pas "list1".

Code :

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

javax.servlet.jsp.JspException: Cannot find bean under name list1

Merci d'avance

**c_nvy** · 22/07/2008, 13h02

Pour mettre la liste dans le scope request par exemple, il suffit de coder ceci :

Code :

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

request.setAttribute("list1",list1) ;

**Mehdibr** · 22/07/2008, 15h42

Envoyé par c_nvy

Pour mettre la liste dans le scope request par exemple, il suffit de coder ceci :

Code :

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

request.setAttribute("list1",list1) ;

Merci, enfin ça fonctionne !

2 combobox dépendants

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager