Affichage des données d'une base de données dans un formpanel

**DiverSIG** · 12/09/2011, 08h47

Bonjour,

je veux mettre sur une page un formpanel dont les champs de type textfield contiennent des valeurs récupérées dans une base de données.

voici le code:

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
var lastdata = new Ext.FormPanel({
			layout: 'column'
			,autoScroll: true
			,labelWidth: 80
			//,frame: true
			,width: 800
			,border: false
			,bodyStyle: 'background-color:#dfe8f6'//#99bbe8;'
			,defaults: {
				columnWidth: .33
				,layout: 'form'
				,labelAlign: 'top'
				,border: false
				,bodyStyle: 'background-color:#dfe8f6;padding:0px 20px 0px 20px' // top right bottom left
				}
			,items: [{
				items: [{
					xtype: 'textfield'
					,fieldLabel: 'Température (en °C)'
					,name: 'valT'
					,border: false
					,readOnly: true
					,fieldClass: 'background-color:#C4D7ED'
					}]
				},{
				items: [{
					xtype: 'textfield'
					,fieldLabel: 'Salinité'
					,name: 'valS'
					,readOnly: true
					}]
				},{
				items: [{
					xtype: 'textfield'
					,fieldLabel: 'Chlorophylle a'
					,name: 'valC'
					,readOnly: true
					}]
				}]
});
lastdata.load({ url: 'scripts/sltLastData.php' });
 
var fsLastData = new Ext.form.FieldSet({
					xtype:'fieldset'
					,title: 'Dernières données disponibles'
					,width: 900
					,bodyStyle:'padding:0'
					,items: [lastdata]
});

Si je met mon fieldset dans un panel :

Code :

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

1
2
3
4
5
var desc = new Ext.Panel({
			frame: true
			,width: 1000
			,items: [fsLastData]
});

tout marche bien, mais si je le met dans un onglet d'un tabpanel :

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
var tp = new Ext.TabPanel({
			width: 1000
			,activeTab: 0
			,items: [{
				id: 'tab1'
				,title: 'Présentation'
				,bodyStyle: 'background-color:#C4D7ED'
				,items: [presentation]
 
				},
				{
				id: 'tab2'
				,title: 'Visualiser les données'
				,height: 500
				,items: [fsLastData]
				}
				,
				{
				id: 'tab3',
				title: 'Télécharger les données'
				}
				]
});