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 50
| var dates3 = new Ext.Panel({
border: false,
layout: 'column',
defaults:{
columnWidth: .33
},
items:[{
border: false,
items: new Ext.form.DateField({
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
})
},{
border: false,
items: new Ext.form.DateField({
fieldLabel: 'Date de fin',
name: 'df',
id: 'df',
width: 100,
allowBlank:false,
format:'d/m/Y',
vtype: 'daterange',
startDateField: 'dd' // id of the start date field
})
},{
border: false,
items: new Ext.Button({
xtype: 'button'
,text: 'Tracer le graphique'
,icon: 'img/chart.png'
,formBind:true
,bubbleEvents: ['majgraphe']
,handler: function(){this.fireEvent('majgraphe');}
})
}
]
});
var fsDates3 = new Ext.form.FieldSet({
xtype:'fieldset',
title: 'Période',
width: 1000,
items: [dates3]
}); |
Partager