<!DOCTYPE html>
|
<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>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js"><span id='Ext-menu-Manager'>/**
|
</span> * Provides a common registry of all menus on a page.
|
* @singleton
|
*/
|
Ext.define('Ext.menu.Manager', {
|
singleton: true,
|
requires: [
|
'Ext.util.MixedCollection',
|
'Ext.util.KeyMap'
|
],
|
alternateClassName: 'Ext.menu.MenuMgr',
|
|
uses: ['Ext.menu.Menu'],
|
|
<span id='Ext-menu-Manager-property-menuSelector'> menuSelector: '.' + Ext.baseCSSPrefix + 'menu',
|
</span>
|
<span id='Ext-menu-Manager-property-menus'> menus: {},
|
</span><span id='Ext-menu-Manager-property-groups'> groups: {},
|
</span><span id='Ext-menu-Manager-property-attached'> attached: false,
|
</span><span id='Ext-menu-Manager-property-lastShow'> lastShow: new Date(),
|
</span>
|
<span id='Ext-menu-Manager-method-init'> init: function() {
|
</span> var me = this;
|
|
me.active = new Ext.util.MixedCollection();
|
Ext.getDoc().addKeyListener(27, function() {
|
if (me.active.length > 0) {
|
me.hideAll();
|
}
|
}, me);
|
},
|
|
<span id='Ext-menu-Manager-method-hideAll'> /**
|
</span> * Hides all menus that are currently visible
|
* @return {Boolean} success True if any active menus were hidden.
|
*/
|
hideAll: function() {
|
var active = this.active,
|
menus, m, mLen;
|
|
if (active && active.length > 0) {
|
menus = Ext.Array.slice(active.items);
|
mLen = menus.length;
|
|
for (m = 0; m < mLen; m++) {
|
menus[m].hide();
|
}
|
|
return true;
|
}
|
return false;
|
},
|
|
<span id='Ext-menu-Manager-method-onHide'> onHide: function(m) {
|
</span> var me = this,
|
active = me.active;
|
active.remove(m);
|
if (active.length < 1) {
|
Ext.getDoc().un('mousedown', me.onMouseDown, me);
|
me.attached = false;
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-onShow'> onShow: function(m) {
|
</span> var me = this,
|
active = me.active,
|
attached = me.attached;
|
|
me.lastShow = new Date();
|
active.add(m);
|
if (!attached) {
|
Ext.getDoc().on('mousedown', me.onMouseDown, me, {
|
// On IE we have issues with the menu stealing focus at certain points
|
// during the head, so give it a short buffer
|
buffer: Ext.isIE9m ? 10 : undefined
|
});
|
me.attached = true;
|
}
|
m.toFront();
|
},
|
|
<span id='Ext-menu-Manager-method-onBeforeHide'> onBeforeHide: function(m) {
|
</span> if (m.activeChild) {
|
m.activeChild.hide();
|
}
|
if (m.autoHideTimer) {
|
clearTimeout(m.autoHideTimer);
|
delete m.autoHideTimer;
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-onBeforeShow'> onBeforeShow: function(m) {
|
</span> var active = this.active,
|
parentMenu = m.parentMenu;
|
|
active.remove(m);
|
if (!parentMenu && !m.allowOtherMenus) {
|
this.hideAll();
|
}
|
else if (parentMenu && parentMenu.activeChild && m != parentMenu.activeChild) {
|
parentMenu.activeChild.hide();
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-onMouseDown'> // @private
|
</span> onMouseDown: function(e) {
|
var me = this,
|
active = me.active,
|
lastShow = me.lastShow,
|
doHide = true;
|
|
if (Ext.Date.getElapsed(lastShow) > 50 && active.length > 0 && !e.getTarget(me.menuSelector)) {
|
// Because we use a buffer in IE, the target may have been removed from the
|
// DOM by the time we get here, so the selector will never find the menu. In this
|
// case, it's safer to not hide than menus than to do so
|
if (Ext.isIE9m && !Ext.getDoc().contains(e.target)) {
|
doHide = false;
|
}
|
if (doHide) {
|
me.hideAll();
|
}
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-register'> // @private
|
</span> register: function(menu) {
|
var me = this;
|
|
if (!me.active) {
|
me.init();
|
}
|
|
if (menu.floating) {
|
me.menus[menu.id] = menu;
|
menu.on({
|
beforehide: me.onBeforeHide,
|
hide: me.onHide,
|
beforeshow: me.onBeforeShow,
|
show: me.onShow,
|
scope: me
|
});
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-get'> /**
|
</span> * Returns a {@link Ext.menu.Menu} object
|
* @param {String/Object} menu The string menu id, an existing menu object reference, or a Menu config that will
|
* be used to generate and return a new Menu this.
|
* @return {Ext.menu.Menu} The specified menu, or null if none are found
|
*/
|
get: function(menu) {
|
var menus = this.menus;
|
|
if (typeof menu == 'string') { // menu id
|
if (!menus) { // not initialized, no menus to return
|
return null;
|
}
|
return menus[menu];
|
} else if (menu.isMenu) { // menu instance
|
return menu;
|
} else if (Ext.isArray(menu)) { // array of menu items
|
return new Ext.menu.Menu({items:menu});
|
} else { // otherwise, must be a config
|
return Ext.ComponentManager.create(menu, 'menu');
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-unregister'> // @private
|
</span> unregister: function(menu) {
|
var me = this,
|
menus = me.menus,
|
active = me.active;
|
|
delete menus[menu.id];
|
active.remove(menu);
|
menu.un({
|
beforehide: me.onBeforeHide,
|
hide: me.onHide,
|
beforeshow: me.onBeforeShow,
|
show: me.onShow,
|
scope: me
|
});
|
},
|
|
<span id='Ext-menu-Manager-method-registerCheckable'> // @private
|
</span> registerCheckable: function(menuItem) {
|
var groups = this.groups,
|
groupId = menuItem.group;
|
|
if (groupId) {
|
if (!groups[groupId]) {
|
groups[groupId] = [];
|
}
|
|
groups[groupId].push(menuItem);
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-unregisterCheckable'> // @private
|
</span> unregisterCheckable: function(menuItem) {
|
var groups = this.groups,
|
groupId = menuItem.group;
|
|
if (groupId) {
|
Ext.Array.remove(groups[groupId], menuItem);
|
}
|
},
|
|
<span id='Ext-menu-Manager-method-onCheckChange'> onCheckChange: function(menuItem, state) {
|
</span> var groups = this.groups,
|
groupId = menuItem.group,
|
i = 0,
|
group, ln, curr;
|
|
if (groupId && state) {
|
group = groups[groupId];
|
ln = group.length;
|
for (; i < ln; i++) {
|
curr = group[i];
|
if (curr != menuItem) {
|
curr.setChecked(false);
|
}
|
}
|
}
|
}
|
});</pre>
|
</body>
|
</html>
|
