Discussion :

[flamant]

Bonjour,
j'ai codé la combobox suivante

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
 
   var foundProtocolRecord = Ext.data.Record.create([
        {name: 'alias'}
    ]);
 
 
    var protocolSearchDataStore = new Ext.data.Store({
        proxy: new Ext.data.ScriptTagProxy({
            url: '<c:url value="/secure/getProtocolList.htm"/>'
 
        }),
        reader: new Ext.data.JsonReader({
                    root: 'rows',
                    totalProperty: 'totalCount',
                    id: 'id'
                    }, foundProtocolRecord
                ),
        sortInfo: {
            field: 'alias',
            direction: 'ASC'
        }
    });
 
    var protocolSearchResultTemplate = new Ext.XTemplate(
        '<tpl for="."><div class="search-item">',
            '<h3><img src="<c:url value="/img/study.gif"/>"/>  <spring:message code="dataEntryMgmt.alias"/>{alias}</h3>',
        '</div></tpl>'
    );
 
new Ext.form.ComboBox({
                                        id: 'protocolSearch',
                                        name: 'protocolSearch',
                                        hideLabel: true,
                                        store: protocolSearchDataStore,
                                        displayField:'alias',
                                        forceSelection : true,
                                        typeAhead: false,
                                        loadingText: '<spring:message code="dataEntryMgmt.protocolSearchLoadText"/>',
                                        width: 175,
                                        minChars: 3,
                                        hideTrigger:true,
                                        tpl: protocolSearchResultTemplate,
                                        itemSelector: 'div.search-item',
                                        onSelect: function(record) {
                                            var centerSearch = Ext.getCmp("centerSearch");
                                            centerSearch.store.proxy.url = '/secure/getCenterList.htm?protocolId='+record.id;
                                            centerSearch.disabled = false;
                                            var subjectTree = Ext.getCmp("subjectTreeView");
                                            subjectTree.dataUrl = './getSubjectsTreeNodes.htm';
                                            var rootNode = Ext.getCmp("subjectTreeView").root;
                                            rootNode.removeAll();
                                            var findASubject = Ext.getCmp("findASubject");
                                            findASubject.reset();
                                            this.collapse();
                                        }
                                    })

La requete fonctionne bien et quand je tappe quelque chose dans ma combo, j'ai une liste de protocoles qui s'affiche. Mais malheureusement quand j'en selectionne un, il ne s'affiche pas dans ma combo et la methode onSelect n'est pas declenchee (j'ai verifie en debuguant dans firebug).
Est-ce que quelqu'un aurait une idee ? Merci d'avance

[sekaijin]

Bon j'avoue ne pas avoir tout compris de ton code. mais un combo et un composant qui utilise un datastore contenant des données sous la forme de clef valeur
dans ton reader du indique que la clef est contenu dans le champs id de ton record
or tu défini ton record sans champs id
normalement tes records devraient être

Code :

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

{'id':45, 'alias':'toto'}

ainsi lorsque dans ton combo tu sélectionne la ligne affichant 'toto' la valeur du combo est 45

a+JYT

[flamant]

merci pour ta réponse.
J'ai effectivement rajouté l'"id" dans le record, mais j'ai résolu mon problème de la manière suivante

Code :

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

1
2
3
4
5
 
onSelect: function(record){
              this.setValue(record.data.alias+" ("+record.data.id+")");
              this.collapse();
 },

Merci encore pour ton intervention