Discussion :

[fterm]

Bonjour,

Ma question est très certainement bête mais elle me bloque depuis un moment donc je me permet de solliciter votre aide. Connaissez vous une façon de soumettre la selection d'une dropDown List automatiquement après le changement d'une valeur. (Sans passez la dropDown List en auto-submit On change, car toute ma page est soumise ).
L'interet de cette manoeuvre est de modifier le contenu d'une dropDownList suivant la valeur de selection d'une autre dropDownList tout ça sans recharger la page.
J'espere avoir été suffisament clair. Merci.
Cordialement,
fterm

[Sniper37]

pour ne pas envoyer tout le formulaire, il faut utiliser ajax,
un framework ajax qui fonctionne bien: a4j-richfaces
y'en a d'autres.

[fterm]

Merci, en effet apparament je suis obligé d'utiliser de l'ajax apparament dyna faces répond également à mes besoins. Donc si quelqu'un à déjà utilisé dynafaces avec les ajax zones et ajax transition je suis preneur. Car en effet j'ai un petit soucis qui est le suivant lorsque je selectionne une premiere fois une valeur dans ma dropDown1 la dropDown2 se modifie bien mais si je reselectionne une nouvelle valeur dans ma dropDown1, ma dropDown2 ne se remodifie pas. (sait pas si j'ai étais cler ?? )

voila le code 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
24
25
<jsp:root version="2.1" xmlns:df="http://java.sun.com/jsf/dynamicfaces" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:jsfExt="http://java.sun.com/jsf/extensions/dynafaces" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page id="page1">
            <webuijsf:html id="html1">
                <webuijsf:head id="head1">
                    <webuijsf:link id="link1" url="/resources/stylesheet.css"/>
                </webuijsf:head>
                <webuijsf:body id="body1" style="-rave-layout: grid">
                    <webuijsf:form id="form1">
                        <jsfExt:ajaxZone id="zone1" style="position: absolute; left: 96px; top: 72px; width: 128px; height: 128px; -rave-layout: grid;">
                            <webuijsf:dropDown id="dropDown1" items="#{Bean.AList}"
                                onChange="DynaFaces.fireAjaxTransaction(this, { execute: 'dropDown1',immediate:true});return false"
                                style="position: absolute; left: 192px; top: 96px" valueChangeListenerExpression="#{Bean.dropDown1_processValueChange}"/>
                        </jsfExt:ajaxZone>
                        <jsfExt:ajaxZone id="zone2" style="position: absolute; left: 144px; top: 264px; width: 128px; height: 128px; -rave-layout: grid;">
                            <webuijsf:dropDown id="dropDown2" items="#{Bean.AList2}" style="position: absolute; left: 264px; top: 168px"/>
                        </jsfExt:ajaxZone>
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>

mon bean :

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
 
private ArrayList aList;
 
    public ArrayList getAList() {
        return aList;
    }
 
    public void setAList(ArrayList aList) {
        this.aList = aList;
    }
 
    private ArrayList aList2;
 
    public ArrayList getAList2() {
        return aList2;
    }
 
    public void setAList2(ArrayList aList2) {
        this.aList2 = aList2;
    }
 
    private String aTest;
 
 
    public void dropDown1_processValueChange(ValueChangeEvent event) {
 
        if(event.getNewValue().equals("toto")){
            aList2.removeAll(aList2);
            aList2.add(new Option("tutu"));
            aList2.add(new Option("tata"));
//            aTest = "ca marche";
        }else{
            aList2.removeAll(aList2);
            aList2.add(new Option("tete"));
            aList2.add(new Option("tyty"));
//            aTest = "ca marche tres bien";
        }