Mon store ne charge pas mon combobox

Version imprimable

bonjour çà tous,
voici mon fichier store

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Ext.define('KitchenSink.store.prestataire',{
    extend: 'Ext.data.JsonStore'
 
   });
 
    var store = Ext.create('Ext.data.JsonStore', {
 
    proxy: {
            type: 'ajax',
            url : 'app/php/Prestataire.php',
            reader: {
                        type: 'json',
			root: 'root_valide',
			totalProperty: 'totalCount'
                    }
            } , 
    fields: ['Code_Prestataire', 'Libelle_Prestataire','Telephone_Prestataire']
    }
 
 );
store.load();

et voici mon combobox :

Code:

1
2
3
4
5
6
7
8
9
10
  {
                xtype: 'combobox',
                fieldLabel: 'Prestataire',
                name: 'Prestataire',
		displayField: 'Libelle_Prestataire',
                valueField: 'Code_Prestataire',
                storePrestataire: KitchenSink.store.prestataire,
                queryMode: 'local',
                emptyText: 'Choisir le prestataire...'
             }

je ne comprend pas pourquoi mon combobox ne se charge pas alors que mon store lui est bien chargé !
merci

14/10/2014, 15h22
abraxis

Bonjour,

Pourrais tu afficher ici le contenu de ton store stp ?
14/10/2014, 15h31
solo190

voici le contenu de mon store ,

Code:

{"root_valide":[{"Libelle_Prestataire":"CENTRE MED","Code_Prestataire":"8881 ","Telephone_Prestataire":"22203681"},{"Libelle_Prestataire":"CLINIQUE D","Code_Prestataire":"999 ","Telephone_Prestataire":null},{"Libelle_Prestataire":"CLINIQUE D","Code_Prestataire":"9991","Telephone_Prestataire":"22222420"}],"totalCount":37}

j'ai pas affiché la totalité j'ai essayé de reduire !
je ne pense pas que mon problème se trouve a ce niveau il doit être dans les propriété de mon combobox !

Essaie avec le bon attribut store ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
{
                xtype: 'combobox',
                fieldLabel: 'Prestataire',
                name: 'Prestataire',
		displayField: 'Libelle_Prestataire',
                valueField: 'Code_Prestataire',
                storePrestataire: KitchenSink.store.prestataire,
                store: KitchenSink.store.prestataire,
                queryMode: 'local',
                emptyText: 'Choisir le prestataire...'
             }

14/10/2014, 15h50
solo190

avec ca ,
voici le message d'erreur que j'obtiens dans ma console

Citation:

Uncaught TypeError: Cannot read property 'getProxy' of undefined

et si je remplace ca ceci :

Citation:

store:KitchenSink.store.prestataire,

voici le nouveau message d'erreur :

Citation:

Uncaught TypeError: Cannot read property 'on' of undefined

Je ne comprends pas ce que tu fais tu as deux stores ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Ici tu définis un Store
Ext.define('KitchenSink.store.prestataire',{
    extend: 'Ext.data.JsonStore'
 
   }); 
 
// Et ici tu définis un autre store. 
    var store = Ext.create('Ext.data.JsonStore', {
 
    proxy: {
            type: 'ajax',
            url : 'app/php/Prestataire.php',
            reader: {
                        type: 'json',
			root: 'root_valide',
			totalProperty: 'totalCount'
                    }
            } , 
    fields: ['Code_Prestataire', 'Libelle_Prestataire','Telephone_Prestataire']
    }
 
 );
store.load();

Soit tu n'as qu'un store et il te faut le définir correctement
soit tu en as deux et le premier n'est pas correct c'est un JsonStore qui ne sais pas où lire ces données.

Un store

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Ext.define('KitchenSink.store.prestataire',{
    extend: 'Ext.data.JsonStore',
    autoload:true; //chargement auto des données
 
    proxy: {
            type: 'ajax',
            url : 'app/php/Prestataire.php',
            reader: {
                        type: 'json',
			root: 'root_valide',
			totalProperty: 'totalCount'
                    }
            } , 
    fields: ['Code_Prestataire', 'Libelle_Prestataire','Telephone_Prestataire']
    }
 
 );

quant à l'attribut comme le dit @abraxis il s'agit de store:

A+JYT
PS: je te conseille de séparer le store du modèle

Code:

1
2
3
4
Ext.define('KitchenSink.model.prestataire', {
    extend: 'Ext.data.Model',
    fields: ['Code_Prestataire', 'Libelle_Prestataire','Telephone_Prestataire']
});

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Ext.define('KitchenSink.store.prestataire', {
    extend: 'Ext.data.Store',
    model: 'KitchenSink.model.prestataire',
    autoLoad: true,
 
    proxy: {
        type: 'ajax',
        url: 'app/php/Prestataire.php',
        reader: {
          type: 'json',
	  root: 'root_valide',
	  totalProperty: 'totalCount'
        }
    }
});

Ajoute aussi un attribut success à ton json. ainsi le proxy pourra réagir en cas d'échec.

Code:

1
2
3
4
5
6
7
8
9
{
  "success": true,
  "root_valide":[
    {"Libelle_Prestataire":"CENTRE MED","Code_Prestataire":"8881 ","Telephone_Prestataire":"22203681"},
    {"Libelle_Prestataire":"CLINIQUE D","Code_Prestataire":"999  ","Telephone_Prestataire":null},
    {"Libelle_Prestataire":"CLINIQUE D","Code_Prestataire":"9991","Telephone_Prestataire":"22222420"}
  ],
  "totalCount":37
}

http://docs-origin.sencha.com/extjs/...n_architecture pour l'organisation de ton appli
http://docs-origin.sencha.com/extjs/4.2.1/#!/guide/data pour les modèles et datastores

le proxy peut indifféremment être défini dans le store où le modèle. le guide d'archi le met dans le store. le guide data dans le modèle. mais il y a un truc qui marche plus si on utilise les relations entre modèle lorsque le proxy est défini dans le store. pour cette raison même si c'est pas nécessaire je le met dans le modèle.