2 combobox dépendants

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

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, 13h24

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

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

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, 20h25

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** · 11/07/2008, 00h24

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, 10h20

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>

**john_wili** · 13/07/2008, 14h41

bonjour c_nvy

je veux revenir sur le code que vous m'avez donné et qui réponde au besoin suivant:

quand je selectionne ds un combo la valeur "x" le 2eme combo disparait

je veux quand je selectionne par exemple ds le 1er combo un article,
je fais une requete ds ma base et je récupère son type alors si le type récupéré="x" le 2eme combo disparait
sinon il apparait et il contient une list récupéré depuis la base

comment je dois faire ça

merci de me répondre.

**c_nvy** · 13/07/2008, 15h29

Envoyé par john_wili

quand je selectionne ds un combo la valeur "x" le 2eme combo disparait

Je t'ai donné le code pour ça.
Il faut utiliser la fonction javascript que j'ai appelé cacher, l'attribut onchange sur la première combo pour soumettre la fonction cacher() et l'attribut layoutId sur la deuxième combo pour l'identifier.

Envoyé par john_wili

je veux quand je selectionne par exemple ds le 1er combo un article, je fais une requete ds ma base et je récupère son type alors si le type récupéré="x" le 2eme combo disparait
sinon il apparait et il contient une list récupéré depuis la base.

J'ai aussi déjà répondu à cette question.
Il faut que tu écrives une méthode à laquelle tu passes en paramètre un article et qui renvoie la liste d'objets qui correspond à cet article.
As-tu écrit cette méthode ?

As-tu également installé Struts-Layout ?

Si tu souhaites que je t'aide à écrire le code qui correspond exactement à ton besoin, il faut me donner des éléments concrets, soit quelles infos exactement tu souhaites afficher dans chacune des deux listes, quelle valeur sélectionnée dans la première combo fait disparaître la deuxième.
Donne-moi aussi un peu de code comme celui qui interroge ta base de données et constitue les deux listes que tu cherches à afficher dans des combo, le code de la jsp, ...

**john_wili** · 13/07/2008, 17h35

Voici ce que j'ai fait:

J’ai 2 combobox dans ma jsp,je les remplis dans une action depuis ma base

Voici une partie du code de ma jsp :

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
 
<html:form action="/recep.do" method="post">
  <table border="0">
 
<tr>
 
   <td> <html:select  property="article">
   <html:options property ="nomArticle"/>
   </html:select> </td>
 
   <td><html:select  property="profil">
<html:options property ="nomProfil"></html:options>
   </html:select> </td>
 
   </tr>
   </table>
   <html:submit>tester</html:submit>
 
  </html:form>
 
  </body>
 
</html:html>

Et voici l’action qui initialise ma jsp en remplissant les 2 combobox :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
 
public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		RecepForm recepForm = (RecepForm) form;
 
try
		    {
 
 
	    st2= con.createStatement();
	    	st3= con.createStatement();
 
 
 
 
	    	rs2=st2.executeQuery("select profil_libelle from gss_article_profil where profil_statut='A'");
	    	rs3=st3.executeQuery("select art_art_libelle from gss_article where art_status='A'");
 
 
 
 
 
	     	while (rs3.next())
	    	{
 
	    	four2 = rs3.getString(1).trim();
	    	System.out.println(four2);
	    	listArticle.add(four2);
 
	    	}
	     	recepForm.setNomArticle(listArticle);
	     	System.out.println(listArticle);
 
	     	while (rs2.next())
	    	{
 
	    	four3 = rs2.getString(1).trim();
	    	System.out.println(four3);
	    	listProfil.add(four3);
 
	    	}
	     	recepForm.setNomProfil(listProfil);
	     	System.out.println(listProfil);
 
 
 
 
 
	    	return mapping.findForward("preparer1"); 
 
	}
}

Je veux que quand j’affiche ma jsp pour la premier fois le 2eme combo soit invisible ou bien bloqué

Et quand je choisis dans le premier combo qui contient les articles un article ,je fais la requete suivante pour récupérer le type de l’article selectionné:

Select ART_TYPE_LIBELLE from article type,article where
article. ART_TYPE_ID=article_type. ART_TYPE_ID and article.ART_ART_LIBELLE= « l’article seléctioné »

si le type = « livre » alors le 2eme combo sera visible et il contient la liste remplie avant

et est ce que je peux travailler sans struts layout?

merci bcp c_nvy.

**c_nvy** · 14/07/2008, 10h59

Tu peux effectivement travailler sans Struts-Layout : voir les solutions proposées dans cette discussion.

**john_wili** · 14/07/2008, 12h59

si je veux travailler avec struts layout

j'ai juste dis est ce que je suis obligée de travailer avec pour résoudre le problèm

en tout cas je vais travailer avec

svp c_nvy vous pouvez poursuivre l'idée que vous m'avez donné

je suis vraiment bloqué

merci bcp

**john_wili** · 14/07/2008, 13h00

et dans la discussion que vous m'avez conseillé de voire y'a pas le détail

**c_nvy** · 14/07/2008, 22h05

Pour faire fonctionner les listes déroulantes dépendantes, il faudrait créer une liste d'objets de type Article avec pour propriétés un libelle et une liste de profils.

Tu pourrais donc créer une classe Article comme ceci :

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
public class Article implements Serializable
{
	private String libelle ;
	private List listProfil= new ArrayList();
 
	public Article() {
	}
	public String getLibelle() {
		return this.libelle;
	}
	public void setLibelle(String libelle) {
		this.libelle=libelle;
	}
	public List getListProfil() {
		return this.listProfil;
	}
	public void setListProfil(List listProfil) {
		this.listProfil=listProfil;
	}
}

Ensuite, tu pourrais écrire une méthode qui reçoit en paramètre un libellé d'article et qui renvoie la List de profils correspondant à cet article :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public List getListProfil(String libelle)
{
    List listProfil=new ArrayList() ;
    Statement st= con.createStatement();
    ResultSet rs=st.executeQuery("select profil_libelle from gss_article_profil where profil_statut='A' and art_art_libelle='"+libelle+"'");
 
   while (rs.next())
   {
    	listProfil.add(rs.getString(profil_libelle));
   }
   rs.close() ;
   st.close() ;
   return listProfil ;
}

puis constituer la List d'objets Article :

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
RecepForm recepForm = (RecepForm) form;
 
Statement st= con.createStatement();
ResultSet rs=st.executeQuery("select art_art_libelle from gss_article where art_status='A'");
while (rs.next())
{
   String libelle = rs.getString("art_art_libelle");
   Article article = new Article() ;
   article.setLibelle(libelle);
   article.setListProfil(getListProfil(libelle));
   listArticle.add(article);
}
rs.close() ;
st.close() ;
 
recepForm.setNomArticle(listArticle);

et enfin dans la jsp :

Code :

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

1
2
3
4
5
6
7
8
<layout:select key="article" property="article">	
	<layout:option value="" />
	<layout:optionsCollection property="nomArticle" value="libelle" label="libelle" sourceOf="profil"/>
</layout:select>
<layout:select key="profil" property="profil">
	<layout:option value=""/>	
	<layout:optionsDependent collection="listProfil" dependsFrom="article"/>
</layout:select>

A tester.

**john_wili** · 15/07/2008, 18h26

Désolé si j’insiste mais apparemment vous ne m’avez pas compris :

Mais moi je remplis les 2 combobox dés le début :
Le 1er contient les articles
Et le 2eme combobox contient les profils qui correspond à l’article de type :« x »
Donc juste l’article de type « x » a des profils et les autres types d’articles n’ont pas de profils

C’est pour ça je veux que le 2eme combobox soit caché quand j’affiche la jsp, ensuite si je selectionne une valeur je fais la requete pour recupérer le type :

Select ART_TYPE_LIBELLE from article type,article where
article. ART_TYPE_ID=article_type. ART_TYPE_ID and article.ART_ART_LIBELLE= « l’article seléctioné »

si le type = « x » alors je veux juste que le 2eme combo soit visible et j’ai pas besoin de le remplir ,il est déjà remplit

Voila ce que je veux

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

ç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, 22h18

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, 17h17

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, 14h02

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, 16h42

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

Discussions similaires

Partager

Partager