chargement d'un formpanel à partir d'un jsonstore

Version imprimable

Bonjour,

je cherche à remplir les champs d'un formpanel à partir du résultat d'un jsonstore. Le formpanel est dans une fenêtre.

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
30
31
32
33
34
35
36
37
38
39
40
41
var ds2 = new Ext.data.JsonStore({
        				url: "scripts/InfosOfSpecie.php?sp="+Ext.getCmp('ind2').getValue(),
					fields:['scname', 'AphiaID', 'url'],
					autoLoad: true
				});
 
var testForm = new Ext.form.FormPanel({
                    width: 500,
			store: ds2,
                    items: [{
                        xtype: 'fieldset',
                        title: 'Contact Information',
                        items: [{
                                xtype:'textfield',
                                fieldLabel: 'scname',
                                name: 'scname'
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'AphiaID',
                                name: 'AphiaID'
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'url',
                                name: 'url'
                        }]
                    }]
 
});
 
ds2.on("load", function(thisStore, records, options) {
    var cnt = thisStore.getCount();
    console.log(cnt);
testForm.render();
});
 
var win = new Ext.Window({
				width: 300,
				height: 150,
				items: [testForm]
});
win.show();

La fenêtre s'affiche bien, mais les champs sont vides, pourquoi ?

Merci,

Nico

22/03/2012, 12h17
abraxis

Pour remplir un formulaire automatiquement le JSON doit être sous cette forme :

Code:

{"success": true, "data": {......}}
22/03/2012, 14h05
DiverSIG

voici mon JSON :

Code:

{"success":true, "data": {"scname": "Abludomelita gladiosa" , "AphiaID": 102787, "url": "http://www.marinespecies.org/aphia.php?p=taxdetails&id=102787"}}

Mais je n'ai rien dans les champs de mon formulaire.
il me semble qu'il y a une histoire de requête asynchrone pour renvoyer le JSON, je gère pas bien ces histoires là, est-ce que c'est bien pris en compte dans le code que j'ai ?

Nico

Bon alors, je ne sais pas si c'est la méthode la plus élégante, mais voici un code qui marche :

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
30
31
32
33
34
35
36
37
38
39
40
41
var ds2 = new Ext.data.JsonStore({
        				url: "scripts/InfosOfSpecie.php?sp="+Ext.getCmp('ind2').getValue(),
					fields:['scname', 'AphiaID', 'url']
 
				});
 
ds2.load({ callback: function() { 
		var testForm = new Ext.form.FormPanel({
                    width: 500,
                    items: [{
                        xtype: 'fieldset',
                        title: 'Contact Information',
                        items: [{
                                xtype:'textfield',
                                fieldLabel: 'scname',
                                name: 'scname',
				value: ds2.getAt(0).get('scname')
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'AphiaID',
                                name: 'AphiaID',
				value: ds2.getAt(0).get('AphiaID')
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'url',
                                name: 'url',
				value: ds2.getAt(0).get('url')
                        }]
                    }]
 
		});
 
		var win = new Ext.Window({
				width: 300,
				height: 150,
				items: [testForm]
		});
		win.show();
 
	} 
});

Nico