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

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:

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:

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:

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'
				}
				]
});

j'ai bien mon filedset qui s'affiche, mais j'ai rien dans les champs textfield.
et dans firebug, j'ai une erreur :

Code:

this.form.el is undefined

une idée du problème ?

Merci,
Nico

Bonjour,

Question bête mais pourquoi tu ne met pas directement ton formalPanel en guise de tab ?

Bonjour,

As-tu essayé deferredRender:false et hideMode:'offsets' pour la configuration du tabpanel ?