Discussion :

[titou624]

Bonjour à tous, j'ai besoin d'actualiser un combo box à partir d'un autre combo box.
Mon script actuel fonctionne mais à retardement. Je m'explique:
Lorsque je sélectionne un item dans mon premier combo, la valeur du deuxième ne change pas mais après une deuxième sélection, à chaque autre sélection la valeur du deuxième combo s'actualise comme je le désire.

je vous joint ci-après mon code actuel:
Voici mon formulaire :

Code :

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

1
2
3
4
5
6
7
 
<div id="corps">
        <div id="msg" style="visibility: hidden"></div>
        <div id="recherche">
                <input type="text" id="entreprises"><input type="text" id="sites">
       </div>
</div>

Et voici mon code JS:

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
54
55
56
57
58
59
60
 
var comboSites;
var  comboEntreprises;
var dataSites ;
var  dataEntreprises;
 
Ext.onReady(function(){
 
        dataEntreprises = new Ext.data.JsonStore
        ({
                url: 'http://192.168.4.214/www/Cartes/fonctions.php?action=getEntreprises',
                 fields: ['nom']
        });      
        dataEntreprises.load();
 
        dataSites = new Ext.data.JsonStore
        ({
                url: 'http://192.168.4.214/www/Cartes/fonctions.php?action=getSites',
                 fields: ['site','nom']
        });
        dataSites.load();
 
       comboSites = new Ext.form.ComboBox
        ({
            store: dataSites,
            displayField:'site',
            valueField:'site',
            typeAhead: true,
            mode: 'local',
            triggerAction: 'all',
            emptyText:'Selectionner un site ...',
            selectOnFocus:true,
            selectOnFocus : true,
            applyTo: 'sites'
        });
 
        comboEntreprises = new Ext.form.ComboBox
        ({
                    store: dataEntreprises,
                    displayField:'nom',
                    valueField:'nom',
                    typeAhead: true,
                    mode: 'local',
                    triggerAction: 'all',
                    emptyText:'Selectionner une entreprise ...',
                    selectOnFocus : true,
                    listeners:{
                               select:{
                                       fn:function() 
                                       {
                                               comboSites.clearValue();
                                               comboSites.store.filter('nom', comboEntreprises.getValue());
                                        }
                        }
                 },
                 lastQuery:'',
                 applyTo: 'entreprises'
       });
 
});

Merci d'avance pour votre aide .

[titou624]

Vraiment personne pour m'aider ?

[eric.pommereau]

Premier coup d'oeil et j'obtiens le même comportement bizarre...

Je ne te promets rien !!

@+

[titou624]

N'y a t-il pas d'autres techniques pour obtenir le même résultat ?
Je découvre ce framework donc j'ai un peu de mal ...
Merci pour ton intéret

[eric.pommereau]

N'y a t-il pas d'autres techniques pour obtenir le même résultat ?

Si... tu pourrais essayer de faire le filtrage côté serveur (alors que là tu le fais côté client), dans ce cas balancer le critère de filtrage dans le load du store.

Le comportement de la comboBox serait peut-être différent alors.

Pour ma part dans le même cas de figure j'aurais fait la même chose, avec l'événement "select"... je ne vois pastrop ce qui cloche.

Voilà un cas intéressant en tout cas.

@+

[titou624]

C'est ce que je voulais éviter pour ne pas effectuer des reqêtes à chaque sélection mais je vais être obligé si il n'y a pas d'autres solutions...
Merci encore !