Discussion :

[BqiKo]

HI hi hi !

J'ai (encore) un petit problème, mais cela doit être un détail.
J'ai une comboBox dynamique, qui va me rechercher des contacts dans ma base de données. C'est à dire que si je tape "hu" dedans, elle va me chercher tout les noms ou prénoms contenant "hu". Le Json me retourne bien la bonne réponse, ce qui veut dire que ma requête est bonne etc.

Cependant, je n'arrive pas a afficher les résultat que le Json me renvoi.

Voici mon store :

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
var contactStore= new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({
        url: '/Gestionnaire_de_courrier/server/json/RecoverySearchContactMember.php'
    }),
    reader: new Ext.data.JsonReader({
        root: 'contacts',
        totalProperty: 'count',
        id: 'ID'
    }, [
 
    {
        name: 'ID',
        mapping: 'ID'
    },
 
    {
        name: 'LASTNAME',
        mapping: 'LASTNAME'
    },
    {
        name: 'FIRSTNAME',
        mapping: 'FISRTNAME'
    }
    ]),
    autoLoad: true
 
});

Et voici ma 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
new Ext.form.ComboBox({
                    fieldLabel: 'Contact',
                    id:'NewFolderContact',
                    name:'comboUtilisateur',
                    loadingText: 'Chargement en cours',
                    //valueField: 'LASTNAME',
                    diplayField: 'ID',
                    pageSize:5,
                    minChars:2,
                    //style:'width:90%',
                    typeAhead: false,
                    hideTrigger:true,
                    itemSelector: 'div.search-item',
                    store: contactStore,
                    //iaRecord: null,
                    selectOnFocus: true,
                    //iaOk: false,
                    //tpl: '<tpl for="."><div class="x-combo-list-item">{FIRSTNAME} {LASTNAME}</div></tpl>',
                    onSelect: function(record){ // override default onSelect to do redirect
 
                        comboUtilisateur.setValue(record.data.LASTNAME+" - "+record.data.FIRSTNAME);
                        comboUtilisateur.collapse();
                        //comboUtilisateur.iaOk = true;
                        //comboUtilisateur.iaRecord = record;
                    }
 
                })

Si quelqu'un peut m'aider..

Merci d'avance !

[takitano]

Bonjour,

N'oublie pas de mettre "résolu" a ta dernière discussion ... !

Voila ce que je te propose ...

Code :

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

1
2
3
4
5
6
7
8
9
10
var genres = new Ext.data.Store({
reader: new Ext.data.JsonReader({
fields: ['ID', 'NOM_PRENOM'],
root: 'contacts'
}),
proxy: new Ext.data.HttpProxy({
url: 'http://NOM_DOMAINE/Gestionnaire_de_courrier/server/json/RecoverySearchContactMember.php'
}),
autoLoad: true
});

et reactiver le ... //valueField: 'NOM_PRENOM',

[BqiKo]

Ca ne marche pas.. =(

Je vous met en piece jointe le resultat que sa me donne, parcke je ne sais pas comment l'expliquer ^^.

Voici mon code actuel :

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
new Ext.form.ComboBox({
                                fieldLabel: 'Contact',
                                id:'ModifyContactLastFolderOffice',
                                name:'comboUtilisateur',
                                loadingText: 'Chargement en cours',
                                valueField: 'ID',
                                diplayField: 'LASTNAME',
                                pageSize:5,
                                minChars:2,
                                //style:'width:90%',
                                typeAhead: false,
                                hideTrigger:true,
                                itemSelector: 'div.search-item',
                                store: contactStoreModifyLastFolderOffice,
                                //iaRecord: null,
                                selectOnFocus: true,
                                //iaOk: false,
                                //tpl: '<tpl for="."><div class="x-combo-list-item">{FIRSTNAME} {LASTNAME}</div></tpl>',
                                onSelect: function(record){ // override default onSelect to do redirect
 
                                    comboUtilisateur.setValue(record.data.LASTNAME+" - "+record.data.FIRSTNAME);
                                    comboUtilisateur.collapse();
                                    //comboUtilisateur.iaOk = true;
                                    //comboUtilisateur.iaRecord = record;
                                }
 
                            })

et le store :

Code :

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

1
2
3
4
5
6
7
8
9
10
var  contactStoreModifyLastFolderOffice = new Ext.data.Store({
reader: new Ext.data.JsonReader({
fields: ['ID', 'LASTNAME'],
root: 'contacts'
}),
proxy: new Ext.data.HttpProxy({
url: '/Gestionnaire_de_courrier/server/json/RecoverySearchContactMember.php'
}),
autoLoad: true
});

Merci

[takitano]

bonjour,

je soupsonne que ton store ne soit pas recharger ... sinon, publie ta reponse json ... afin de verifier qu'elle a une belle tete ...



dans ton combo box, essayes de mettre

Code :

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

enableKeyEvents  :true

puis tu rajoutes l'event keyup (toujours dans ton combobox) de la maniere 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
new Ext.form.ComboBox({
                                fieldLabel: 'Contact',
                                id:'ModifyContactLastFolderOffice',
                                name:'comboUtilisateur',
...
   listeners:{
'keyup':function(tf,e){
//teste que l'on a bien recupérer le contenu saisie ... 
alert(tf.getValue());
// lorsque j'appuie sur une touche, je recharge la store du combobox ...
contactStoreModifyLastFolderOffice.removeAll();
   contactStoreModifyLastFolderOffice.reload({
params:{saisie:tf.getValue()}})
}
}
})

[BqiKo]

Re-bonjour tout le monde, et takitano ^^.

Je crois que ta solution ne fonctionne pas, j'ai un message d'alerte qui s'affiche avec la chaine de caractere que je viens de taper. Et ensuite, le resultat dans ma combobox est tjs le meme : une toute petite ligne vide.

Voici ce que me renvoi mon Json :

- Post : limit 5
query hu
start 0
Source
start=0&limit=5&query=hu


- Réponse : {"contacts": [{"ID":"1","LASTNAME":"Reeves","FIRSTNAME":"Hubert"}],"count":1}

Voila, en espérant que cela t'inspire.

Merci encore.

[takitano]

Bonjour,

Je pense qu'il y a une solution ... sans passer par ajax ...
regarde le lien suivant ...
http://www.extjs.com/learn/Tutorial:...2_%28French%29
et attentivement

Code :

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

1
2
3
                        var comboCity = Ext.getCmp('combo-city');        
                        comboCity.clearValue();
                        comboCity.store.filter('cid', combo.getValue());

tiens nous au courant de tes modif ...