Discussion :

[EpiKgohan]

Bonjour,

Je suis actuellement bloqué sur l'actualisation d'une liste déroulante par rapport au choix d'une autre liste déroulante. J'ai 2 listes déroulantes : pays et ville, et pour le moment ville m'affiche toutes les villes de tous les pays.
Et lorsque je sélectionne un pays, j'aimerai pouvoir filtrer les villes sans changer de page (logique).

Actuellement voici mon code :

Code :

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

1
2
3
4
5
6
7
8
 
<html:select name="tmp" property="paysId" styleClass="champ">
  <html:optionsCollection name='pays_list' label='nom' value='paysId' />
</html:select>
 
<html:select name="tmp" property="villeId" styleClass="champ">
  <html:optionsCollection name='ville_list' label='nom' value='villeId' />
</html:select>

Chaque élément de ville contient un getter vers le pays auquel il appartient.

J'ai vu qu'il était "facile" de faire ce que je voulais avec du javascript et des balises html, mais j'aimerai savoir s'il y a un autre moyen (avec des taglibs par exemple) pour que ce soit plus "propre" que de melanger taglib, balises html, javascript, etc...

[AnneB]

Hello!

d'instinct, je dirais que lors d'une sélection par l'utilisateur d'un pays donné, tu submit ton formulaire, et dans l'action tu actualise la liste de tes villes en ne mettant que les villes du pays sélectionné

et tu redirige vers la page actuelle....

L'utilisateur verra le rechargement de la page, mais il demeure tout de même sur la même page

EDIT : et du coup dans tes jsp tu utilises les taglib de struts (html, bean, logic,...) et tu met un petit javascript qui fait juste form.submit())

[EpiKgohan]

Comment je gère le cas du submit grace au javascript et le cas du submit lorsque le formulaire est rempli entierement (sachant que tous les champs sont facultatifs dans ce meme formulaire) ? pour que dans un cas je recharge la liste des villes et que je forward vers la meme page, et que dans l'autre cas je forward vers une autre page ?

Pour moi le form.submit () equivaut a un click sur le bouton correspondant au submit du formulaire


PS : Je n'ai jamais fait de JS.

[AnneB]

Tu es dans le vrai

Le plus simple est de mettre un champ "hidden" dans la jsp, champ que tu remplis avec l'action à faire dans la fonction js juste avant le submit :

jsp :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html:form action="MonAction">
    <html:hidden property="whatToDo"/>
    <html:select onchange="taFonctionJavascript(this,'validerVille')" name="tmp" property="paysId" styleClass="champ">
       <html:optionsCollection name='pays_list' label='nom' value='paysId' />
    </html:select>
 
    <html:select name="tmp" property="villeId" styleClass="champ">
       <html:optionsCollection name='ville_list' label='nom' value='villeId' />
    </html:select>
</html:form>

code js (à mettre soit dan sla JSP soit dans un fichier externe :

Code :

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

1
2
3
4
5
 
taFonctionJavascript(t, v){
    t.form.elements[0].value=v;
    t.form.submit();
}

ta classe Action :

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
public class AdministrationAction extends Action{
 
	/**
         *
         */
	public ActionForward execute(ActionMapping mapping,
			ActionForm form,
			HttpServletRequest request,
			HttpServletResponse response)
			throws IOException, ServletException {
 
if(form!=null){
     TonForm f = (TonForm)form;
     String whatToDo = f.getWhatToDo();
     System.out.println("whatToDo  = "+whatToDo );
}	
}
}

Ton ActionForm :

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
package form;
 
public class TonForm extends ActionForm {
	// tes champs
        // le champ à ajouter :
        private String whatToDo;
 
/*   getters & setters */
         /**
         * @return the whatToDo
         */
	public String getWhatToDo() {
		return whatToDo;
	}
 
	/**
         * @param whatToDo the whatToDo to set
         */
	public void setWhatToDo(String whatToDo) {
		this.whatToDo = whatToDo;
	}
}

Et tu exécutes ca, : normalement tu auras d'affiché "validerVille" dans la console lors d'une sélection dans ta liste de pays....

[c_nvy]

J'ai vu qu'il était "facile" de faire ce que je voulais avec du javascript et des balises html, mais j'aimerai savoir s'il y a un autre moyen (avec des taglibs par exemple) pour que ce soit plus "propre" que de melanger taglib, balises html, javascript, etc...

Les tags select et optionsDependent de Struts-Layout permettent d'implémenter cette fonctionnalité.
Regarde ici.

[badoress]

tu peux utiliser aussi Ajaxtags qui te permet ça d'une maniere simple, facile et élégante

vas voir ici et specialement le tag ajax:select

[EpiKgohan]

Merci pour vos aide.
J'ai essayé struts layout et ça marche très bien.

Encore merci