- var dr = new Ext.FormPanel({
- labelWidth: 125,
- frame: true,
- title: 'Date Range',
- bodyStyle:'padding:5px 5px 0',
- width: 350,
- defaults: {width: 175},
- defaultType: 'datefield',
- items: [{
- fieldLabel: 'Start Date',
- name: 'startdt',
- id: 'startdt',
- vtype: 'daterange',
- endDateField: 'enddt' // id of the end date field
- },{
- fieldLabel: 'End Date',
- name: 'enddt',
- id: 'enddt',
- vtype: 'daterange',
- startDateField: 'startdt' // id of the start date field
- }]
+ var dr = Ext.create('Ext.FormPanel', {
+ renderTo: 'dr',
+ frame: true,
+ title: 'Date Range',
+ bodyPadding: '5px 5px 0',
+ width: 350,
+ fieldDefaults: {
+ labelWidth: 125,
+ msgTarget: 'side',
+ autoFitErrors: false
+ },
+ defaults: {
+ width: 300
+ },
+ defaultType: 'datefield',
+ items: [
+ {
+ fieldLabel: 'Start Date',
+ name: 'startdt',
+ id: 'startdt',
+ vtype: 'daterange',
+ endDateField: 'enddt' // id of the end date field
+ },
+ {
+ fieldLabel: 'End Date',
+ name: 'enddt',
+ id: 'enddt',
+ vtype: 'daterange',
+ startDateField: 'startdt' // id of the start date field
+ }
+ ]