<!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-button-Manager'>/**
|
</span> * @private
|
*/
|
Ext.define('Ext.button.Manager', {
|
singleton: true,
|
|
alternateClassName: 'Ext.ButtonToggleManager',
|
|
<span id='Ext-button-Manager-property-groups'> groups: {},
|
</span>
|
<span id='Ext-button-Manager-property-pressedButton'> pressedButton: null,
|
</span>
|
<span id='Ext-button-Manager-property-buttonSelector'> buttonSelector: '.' + Ext.baseCSSPrefix + 'btn',
|
</span>
|
<span id='Ext-button-Manager-method-init'> init: function() {
|
</span> var me = this;
|
if (!me.initialized) {
|
Ext.getDoc().on({
|
keydown: me.onDocumentKeyDown,
|
mouseup: me.onDocumentMouseUp,
|
scope: me
|
});
|
me.initialized = true;
|
}
|
},
|
|
<span id='Ext-button-Manager-method-onDocumentKeyDown'> // Buttons must react to SPACE and ENTER to trigger the click handler.
|
</span> // Now that they are `<a>` elements, we use a keydown listener.
|
onDocumentKeyDown: function(e) {
|
var k = e.getKey(),
|
btn;
|
|
// SPACE and ENTER trigger a click
|
if (k === e.SPACE || k === e.ENTER) {
|
|
// Look for a Button's encapsulating element
|
btn = e.getTarget(this.buttonSelector);
|
|
// If found, fire the Button's onClick
|
if (btn) {
|
Ext.getCmp(btn.id).onClick(e);
|
}
|
}
|
},
|
|
<span id='Ext-button-Manager-method-onButtonMousedown'> // Called by buton instances.
|
</span> // Track the button which was mousedowned upon so that the next *document* mouseup can be delivered to it
|
// in case mouse is moved outside of button element.
|
onButtonMousedown: function(button, e) {
|
var pressed = this.pressedButton;
|
if (pressed) {
|
pressed.onMouseUp(e);
|
}
|
this.pressedButton = button;
|
},
|
|
<span id='Ext-button-Manager-method-onDocumentMouseUp'> onDocumentMouseUp: function(e) {
|
</span> var pressed = this.pressedButton;
|
|
if (pressed) {
|
pressed.onMouseUp(e);
|
this.pressedButton = null;
|
}
|
},
|
|
<span id='Ext-button-Manager-method-toggleGroup'> toggleGroup: function(btn, state) {
|
</span> if (state) {
|
var g = this.groups[btn.toggleGroup],
|
length = g.length,
|
i;
|
|
for (i = 0; i < length; i++) {
|
if (g[i] !== btn) {
|
g[i].toggle(false);
|
}
|
}
|
}
|
},
|
|
<span id='Ext-button-Manager-method-register'> register: function(btn) {
|
</span> var me = this,
|
groups = this.groups,
|
group = groups[btn.toggleGroup];
|
|
me.init();
|
if (!btn.toggleGroup) {
|
return;
|
}
|
|
if (!group) {
|
group = groups[btn.toggleGroup] = [];
|
}
|
group.push(btn);
|
btn.on('toggle', me.toggleGroup, me);
|
},
|
|
<span id='Ext-button-Manager-method-unregister'> unregister: function(btn) {
|
</span> if (!btn.toggleGroup) {
|
return;
|
}
|
var me = this,
|
group = me.groups[btn.toggleGroup];
|
|
if (group) {
|
Ext.Array.remove(group, btn);
|
btn.un('toggle', me.toggleGroup, me);
|
}
|
},
|
|
<span id='Ext-button-Manager-method-getPressed'> // Gets the pressed button in the passed group or null
|
</span> // @param {String} group
|
// @return {Ext.button.Button}
|
getPressed: function(group) {
|
var g = this.groups[group],
|
i = 0,
|
len;
|
|
if (g) {
|
for (len = g.length; i < len; i++) {
|
if (g[i].pressed === true) {
|
return g[i];
|
}
|
}
|
}
|
return null;
|
}
|
});</pre>
|
</body>
|
</html>
|
