/**
+
+
+
+
+ The source code
+
+
+
+
+
+
+ /**
* @class Ext.menu.DatePicker
* @extends Ext.menu.Menu
* <p>A menu containing an {@link Ext.picker.Date} Component.</p>
@@ -10,32 +27,33 @@
* Applying {@link Ext.picker.Date DatePicker} configuration settings to
* <b><tt>this</tt></b> will <b>not</b> affect the DatePicker's configuration.</li>
* </ul></div>
+ *
* {@img Ext.menu.DatePicker/Ext.menu.DatePicker.png Ext.menu.DatePicker component}
+ *
* __Example Usage__
- var dateMenu = Ext.create('Ext.menu.DatePicker', {
- handler: function(dp, date){
- Ext.Msg.alert('Date Selected', 'You choose {0}.', Ext.Date.format(date, 'M j, Y'));
-
- }
- });
-
- Ext.create('Ext.menu.Menu', {
- width: 100,
- height: 90,
- floating: false, // usually you want this set to True (default)
- renderTo: Ext.getBody(), // usually rendered by it's containing component
- items: [{
- text: 'choose a date',
- menu: dateMenu
- },{
- iconCls: 'add16',
- text: 'icon item'
- },{
- text: 'regular item'
- }]
- });
-
- * @xtype datemenu
+ *
+ * var dateMenu = Ext.create('Ext.menu.DatePicker', {
+ * handler: function(dp, date){
+ * Ext.Msg.alert('Date Selected', 'You choose {0}.', Ext.Date.format(date, 'M j, Y'));
+ * }
+ * });
+ *
+ * Ext.create('Ext.menu.Menu', {
+ * width: 100,
+ * height: 90,
+ * floating: false, // usually you want this set to True (default)
+ * renderTo: Ext.getBody(), // usually rendered by it's containing component
+ * items: [{
+ * text: 'choose a date',
+ * menu: dateMenu
+ * },{
+ * iconCls: 'add16',
+ * text: 'icon item'
+ * },{
+ * text: 'regular item'
+ * }]
+ * });
+ *
* @author Nicolas Ferrero
*/
Ext.define('Ext.menu.DatePicker', {
@@ -47,35 +65,35 @@
'Ext.picker.Date'
],
- /**
+ /**
* @cfg {Boolean} hideOnClick
* False to continue showing the menu after a date is selected, defaults to true.
*/
hideOnClick : true,
- /**
+ /**
* @cfg {String} pickerId
* An id to assign to the underlying date picker. Defaults to <tt>null</tt>.
*/
pickerId : null,
- /**
+ /**
* @cfg {Number} maxHeight
* @hide
*/
- /**
+ /**
* The {@link Ext.picker.Date} instance for this DateMenu
* @property picker
* @type Ext.picker.Date
*/
- /**
+ /**
* @event click
* @hide
*/
- /**
+ /**
* @event itemclick
* @hide
*/
@@ -86,6 +104,8 @@
Ext.apply(me, {
showSeparator: false,
plain: true,
+ border: false,
+ bodyPadding: 0, // remove the body padding from the datepicker menu item so it looks like 3.3
items: Ext.applyIf({
cls: Ext.baseCSSPrefix + 'menu-date-item',
id: me.pickerId,
@@ -96,7 +116,7 @@
me.callParent(arguments);
me.picker = me.down('datepicker');
- /**
+ /**
* @event select
* Fires when a date is selected from the {@link #picker Ext.picker.Date}
* @param {Ext.picker.Date} picker The {@link #picker Ext.picker.Date}
@@ -112,4 +132,6 @@
hidePickerOnSelect: function() {
Ext.menu.Manager.hideAll();
}
- });
\ No newline at end of file
+ });