/**
+
+
+
+
+ The source code
+
+
+
+
+
+
+ /**
* @class Ext.menu.ColorPicker
* @extends Ext.menu.Menu
* <p>A menu containing a {@link Ext.picker.Color} Component.</p>
@@ -10,29 +27,31 @@
* Applying {@link Ext.picker.Color ColorPicker} configuration settings to
* <b><tt>this</tt></b> will <b>not</b> affect the ColorPicker's configuration.</li>
* </ul></div>
+ *
* {@img Ext.menu.ColorPicker/Ext.menu.ColorPicker.png Ext.menu.ColorPicker component}
+ *
* __Example Usage__
- var colorPicker = Ext.create('Ext.menu.ColorPicker', {
- value: '000000'
- });
-
- 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 color',
- menu: colorPicker
- },{
- iconCls: 'add16',
- text: 'icon item'
- },{
- text: 'regular item'
- }]
- });
-
- * @xtype colormenu
+ *
+ * var colorPicker = Ext.create('Ext.menu.ColorPicker', {
+ * value: '000000'
+ * });
+ *
+ * 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 color',
+ * menu: colorPicker
+ * },{
+ * iconCls: 'add16',
+ * text: 'icon item'
+ * },{
+ * text: 'regular item'
+ * }]
+ * });
+ *
* @author Nicolas Ferrero
*/
Ext.define('Ext.menu.ColorPicker', {
@@ -44,35 +63,35 @@
'Ext.picker.Color'
],
- /**
+ /**
* @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 color picker. Defaults to <tt>null</tt>.
*/
pickerId : null,
- /**
+ /**
* @cfg {Number} maxHeight
* @hide
*/
- /**
+ /**
* The {@link Ext.picker.Color} instance for this ColorMenu
* @property picker
* @type ColorPicker
*/
- /**
+ /**
* @event click
* @hide
*/
- /**
+ /**
* @event itemclick
* @hide
*/
@@ -94,7 +113,7 @@
me.picker = me.down('colorpicker');
- /**
+ /**
* @event select
* Fires when a date is selected from the {@link #picker Ext.picker.Color}
* @param {Ext.picker.Color} picker The {@link #picker Ext.picker.Color}
@@ -107,11 +126,13 @@
}
},
- /**
+ /**
* Hides picker on select if hideOnClick is true
* @private
*/
hidePickerOnSelect: function() {
Ext.menu.Manager.hideAll();
}
- });
\ No newline at end of file
+ });