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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
</head>
<body onload="prettyPrint();">
<pre class="prettyprint lang-js">/*!
* Ext JS Library 3.4.0
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
<div id="cls-Ext.menu.ColorMenu"></div>/**
* @class Ext.menu.ColorMenu
* @extends Ext.menu.Menu
* <p>A menu containing a {@link Ext.ColorPalette} Component.</p>
* <p>Notes:</p><div class="mdetail-params"><ul>
* <li>Although not listed here, the <b>constructor</b> for this class
* accepts all of the configuration options of <b>{@link Ext.ColorPalette}</b>.</li>
* <li>If subclassing ColorMenu, any configuration options for the ColorPalette must be
* applied to the <tt><b>initialConfig</b></tt> property of the ColorMenu.
* Applying {@link Ext.ColorPalette ColorPalette} configuration settings to
* <b><tt>this</tt></b> will <b>not</b> affect the ColorPalette's configuration.</li>
* </ul></div> *
* @xtype colormenu
*/
Ext.menu.ColorMenu = Ext.extend(Ext.menu.Menu, {
<div id="cfg-Ext.menu.ColorMenu-enableScrolling"></div>/**
* @cfg {Boolean} enableScrolling
* @hide
*/
enableScrolling : false,
<div id="cfg-Ext.menu.ColorMenu-handler"></div>/**
* @cfg {Function} handler
* Optional. A function that will handle the select event of this menu.
* The handler is passed the following parameters:<div class="mdetail-params"><ul>
* <li><code>palette</code> : ColorPalette<div class="sub-desc">The {@link #palette Ext.ColorPalette}.</div></li>
* <li><code>color</code> : String<div class="sub-desc">The 6-digit color hex code (without the # symbol).</div></li>
* </ul></div>
*/
<div id="cfg-Ext.menu.ColorMenu-scope"></div>/**
* @cfg {Object} scope
* The scope (<tt><b>this</b></tt> reference) in which the <code>{@link #handler}</code>
* function will be called. Defaults to this ColorMenu instance.
*/
<div id="cfg-Ext.menu.ColorMenu-hideOnClick"></div>/**
* @cfg {Boolean} hideOnClick
* False to continue showing the menu after a color is selected, defaults to true.
*/
hideOnClick : true,
cls : 'x-color-menu',
<div id="cfg-Ext.menu.ColorMenu-paletteId"></div>/**
* @cfg {String} paletteId
* An id to assign to the underlying color palette. Defaults to <tt>null</tt>.
*/
paletteId : null,
<div id="cfg-Ext.menu.ColorMenu-maxHeight"></div>/**
* @cfg {Number} maxHeight
* @hide
*/
<div id="cfg-Ext.menu.ColorMenu-scrollIncrement"></div>/**
* @cfg {Number} scrollIncrement
* @hide
*/
<div id="prop-Ext.menu.ColorMenu-palette"></div>/**
* @property palette
* @type ColorPalette
* The {@link Ext.ColorPalette} instance for this ColorMenu
*/
<div id="event-Ext.menu.ColorMenu-click"></div>/**
* @event click
* @hide
*/
<div id="event-Ext.menu.ColorMenu-itemclick"></div>/**
* @event itemclick
* @hide
*/
initComponent : function(){
Ext.apply(this, {
plain: true,
showSeparator: false,
items: this.palette = new Ext.ColorPalette(Ext.applyIf({
id: this.paletteId
}, this.initialConfig))
});
this.palette.purgeListeners();
Ext.menu.ColorMenu.superclass.initComponent.call(this);
<div id="event-Ext.menu.ColorMenu-select"></div>/**
* @event select
* Fires when a color is selected from the {@link #palette Ext.ColorPalette}
* @param {Ext.ColorPalette} palette The {@link #palette Ext.ColorPalette}
* @param {String} color The 6-digit color hex code (without the # symbol)
*/
this.relayEvents(this.palette, ['select']);
this.on('select', this.menuHide, this);
if(this.handler){
this.on('select', this.handler, this.scope || this);
}
},
menuHide : function(){
if(this.hideOnClick){
this.hide(true);
}
}
});
Ext.reg('colormenu', Ext.menu.ColorMenu);
</pre>
</body>
</html>
|
