Discussion :

[DiverSIG]

Bonjour,

dans ma page , j'ai un FormPanel qui contient un fieldset et un panel.
dans mon fielset, j'ai 2 champs pou sélectionner des dates, et un bouton 'Mettre à jour'

dans mon panel, je veux mettre une image. cette image est en fait un graphique crée avec la librairie jpgraph.


le code de mon fieldset:

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
var fsDates = new Ext.form.FieldSet({
					xtype:'fieldset',
					title: 'Période',
					autoHeight:true,
//					autoWidth: true,
					width: 250,
					defaults:{
						layout:'form',
						xtype:'panel'
						},
 					items:[new Ext.form.DateField({
							//labelAlign: 'top',
							fieldLabel: 'Date de début',
							name: 'dd',
							id: 'dd',
							width: 100,
							allowBlank:false,
							format:'d/m/Y',	
							vtype: 'daterange',
						        endDateField: 'df' // id of the end date field
							}),
						new Ext.form.DateField({
							fieldLabel: 'Date de fin',
							name: 'df',
							id: 'df',
							width: 100,
							allowBlank:false,
							format:'d/m/Y',
							//value: Date.today(),
							vtype: 'daterange',
							startDateField: 'dd' // id of the start date field
							}),
						new Ext.Button({
							xtype: 'button'
							,text: 'Mettre à jour'
							,formBind:true
							,bubbleEvents: ['majgraphe']
							,handler: function(){this.fireEvent('majgraphe');}
							})
						]
	});	// fin fsDates

le code de mon panel:

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
var graphe2 = new Ext.Panel({
        frame:true,
        width:980,
        height:600,
        layout:'fit',
	colspan:2,
        items: {
		xtype:'panel',
		name: 'graphe2',
		id: 'graphe2',
		autoEl:{
			tag:'div', 
			children:[{
				tag:'img'
				,src:'scripts/evecosGraphe.php?dateStart=1987-01-01&dateEnd=1990-01-01'
				}]
			}
		} 
});

le code du formpanel :

Code :

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

1
2
3
4
5
6
7
8
9
10
var dvParametres = new Ext.form.FormPanel({
		frame:true
		,bodyStyle:'padding:5px'
		,width: 1000
		,layout:'table'
                ,layoutConfig: {columns:2}
		,items: [ fsDates
			,graphe2
			]
	});

En fait, il faut changer de façon dynamique la propriété src du panel quand je clique sur le bouton 'Mettre à jour', mais il n'y a rien qui se passe.
une idée de ce qui cloche ?
je tatonne, alors si vous avez une idée plus simple que ce que j'ai fait, je suis preneur...


Merci,

Nico

[DiverSIG]

en utilisant un BoxComponent pour stocker mon graphique au lieu d'un Panel, ça marche

Nico