Combobox dynamic pb

Bonsoir
voila mon pb, je veux faire une combobox qui se charge au debut et qui va indiquer les infos que je lui passe en php via un JSON malheureuement, même si la combobox s'affiche.. elle est vide
Et j'ai bien un retour par contre de mon php avec les bonnes valeurs
Voila
(je suis debutant en extjs donc voila)

Code:

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
 
	var store = new Ext.data.Store({
		///autoLoad : true,
		proxy: new Ext.data.HttpProxy({ url: 'index_ajax_dataBaseManagement.php?action=pays'}),
		root: 'data',
		autoLoad : true,
		fields: [
	            {name : 'idPays'},
	            {name : 'NOM'}
	            ]
 
	   			},[
	   			   	'idPays',
	   			   	'NOM'
	   			   ]
		);
 
	var sp = new Ext.form.ComboBox
	({
		store			: store,
		typeAhead		: true,
	    triggerAction	: 'all',
		lazyRender		: true,
		emptyText		: 'Select a state...',
 
	    valueField: 'idPays',
	    displayField: 'NOM',
 
	});

Voila le json en question

Code:

1
2
 
'{data:[{"idPays":"21","NOM":"CANADA"}]}'

Merci a vous

var storePays = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'index_ajax_dataBaseManagement.php?action=pays'}), reader: new Ext.data.JsonReader({ root: 'data',totalProperty: 'total', id: 'id'}, [ {name: 'idPays', mapping: 'idPays'}, {name: 'NOM', mapping: 'NOM'} ]) },[ 'idPays', 'NOM' ] ); var sp = new Ext.form.ComboBox ({ store : storePays, typeAhead : true, triggerAction : 'all', lazyRender : true, emptyText : 'Select a state...', loadingText: 'Chargement en cours', valueField: 'idPays', displayField: 'NOM', listeners:{ 'select': function(){ //// code fonction } } });