227 lines
8.4 KiB
HTML
227 lines
8.4 KiB
HTML
<!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-util-ClickRepeater-method-constructor'><span id='Ext-util-ClickRepeater-cfg-stopDefault'><span id='Ext-util-ClickRepeater-cfg-accelerate'><span id='Ext-util-ClickRepeater-cfg-pressClass'><span id='Ext-util-ClickRepeater-cfg-interval'><span id='Ext-util-ClickRepeater-cfg-delay'><span id='Ext-util-ClickRepeater-cfg-el'><span id='Ext-util-ClickRepeater'>/**
|
|
</span></span></span></span></span></span></span></span> @class Ext.util.ClickRepeater
|
|
@extends Ext.util.Observable
|
|
|
|
A wrapper class which can be applied to any element. Fires a "click" event while the
|
|
mouse is pressed. The interval between firings may be specified in the config but
|
|
defaults to 20 milliseconds.
|
|
|
|
Optionally, a CSS class may be applied to the element during the time it is pressed.
|
|
|
|
@cfg {Mixed} el The element to act as a button.
|
|
@cfg {Number} delay The initial delay before the repeating event begins firing.
|
|
Similar to an autorepeat key delay.
|
|
@cfg {Number} interval The interval between firings of the "click" event. Default 20 ms.
|
|
@cfg {String} pressClass A CSS class name to be applied to the element while pressed.
|
|
@cfg {Boolean} accelerate True if autorepeating should start slowly and accelerate.
|
|
"interval" and "delay" are ignored.
|
|
@cfg {Boolean} preventDefault True to prevent the default click event
|
|
@cfg {Boolean} stopDefault True to stop the default click event
|
|
|
|
@history
|
|
2007-02-02 jvs Original code contributed by Nige "Animal" White
|
|
2007-02-02 jvs Renamed to ClickRepeater
|
|
2007-02-03 jvs Modifications for FF Mac and Safari
|
|
|
|
@constructor
|
|
@param {Mixed} el The element to listen on
|
|
@param {Object} config
|
|
*/
|
|
Ext.util.ClickRepeater = Ext.extend(Ext.util.Observable, {
|
|
|
|
constructor : function(el, config){
|
|
this.el = Ext.get(el);
|
|
this.el.unselectable();
|
|
|
|
Ext.apply(this, config);
|
|
|
|
this.addEvents(
|
|
<span id='Ext-util-ClickRepeater-event-mousedown'> /**
|
|
</span> * @event mousedown
|
|
* Fires when the mouse button is depressed.
|
|
* @param {Ext.util.ClickRepeater} this
|
|
* @param {Ext.EventObject} e
|
|
*/
|
|
"mousedown",
|
|
<span id='Ext-util-ClickRepeater-event-click'> /**
|
|
</span> * @event click
|
|
* Fires on a specified interval during the time the element is pressed.
|
|
* @param {Ext.util.ClickRepeater} this
|
|
* @param {Ext.EventObject} e
|
|
*/
|
|
"click",
|
|
<span id='Ext-util-ClickRepeater-event-mouseup'> /**
|
|
</span> * @event mouseup
|
|
* Fires when the mouse key is released.
|
|
* @param {Ext.util.ClickRepeater} this
|
|
* @param {Ext.EventObject} e
|
|
*/
|
|
"mouseup"
|
|
);
|
|
|
|
if(!this.disabled){
|
|
this.disabled = true;
|
|
this.enable();
|
|
}
|
|
|
|
// allow inline handler
|
|
if(this.handler){
|
|
this.on("click", this.handler, this.scope || this);
|
|
}
|
|
|
|
Ext.util.ClickRepeater.superclass.constructor.call(this);
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-property-interval'> interval : 20,
|
|
</span><span id='Ext-util-ClickRepeater-property-delay'> delay: 250,
|
|
</span><span id='Ext-util-ClickRepeater-property-preventDefault'> preventDefault : true,
|
|
</span><span id='Ext-util-ClickRepeater-property-stopDefault'> stopDefault : false,
|
|
</span><span id='Ext-util-ClickRepeater-property-timer'> timer : 0,
|
|
</span>
|
|
<span id='Ext-util-ClickRepeater-method-enable'> /**
|
|
</span> * Enables the repeater and allows events to fire.
|
|
*/
|
|
enable: function(){
|
|
if(this.disabled){
|
|
this.el.on('mousedown', this.handleMouseDown, this);
|
|
if (Ext.isIE){
|
|
this.el.on('dblclick', this.handleDblClick, this);
|
|
}
|
|
if(this.preventDefault || this.stopDefault){
|
|
this.el.on('click', this.eventOptions, this);
|
|
}
|
|
}
|
|
this.disabled = false;
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-disable'> /**
|
|
</span> * Disables the repeater and stops events from firing.
|
|
*/
|
|
disable: function(/* private */ force){
|
|
if(force || !this.disabled){
|
|
clearTimeout(this.timer);
|
|
if(this.pressClass){
|
|
this.el.removeClass(this.pressClass);
|
|
}
|
|
Ext.getDoc().un('mouseup', this.handleMouseUp, this);
|
|
this.el.removeAllListeners();
|
|
}
|
|
this.disabled = true;
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-setDisabled'> /**
|
|
</span> * Convenience function for setting disabled/enabled by boolean.
|
|
* @param {Boolean} disabled
|
|
*/
|
|
setDisabled: function(disabled){
|
|
this[disabled ? 'disable' : 'enable']();
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-eventOptions'> eventOptions: function(e){
|
|
</span> if(this.preventDefault){
|
|
e.preventDefault();
|
|
}
|
|
if(this.stopDefault){
|
|
e.stopEvent();
|
|
}
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-destroy'> // private
|
|
</span> destroy : function() {
|
|
this.disable(true);
|
|
Ext.destroy(this.el);
|
|
this.purgeListeners();
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-handleDblClick'> handleDblClick : function(e){
|
|
</span> clearTimeout(this.timer);
|
|
this.el.blur();
|
|
|
|
this.fireEvent("mousedown", this, e);
|
|
this.fireEvent("click", this, e);
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-handleMouseDown'> // private
|
|
</span> handleMouseDown : function(e){
|
|
clearTimeout(this.timer);
|
|
this.el.blur();
|
|
if(this.pressClass){
|
|
this.el.addClass(this.pressClass);
|
|
}
|
|
this.mousedownTime = new Date();
|
|
|
|
Ext.getDoc().on("mouseup", this.handleMouseUp, this);
|
|
this.el.on("mouseout", this.handleMouseOut, this);
|
|
|
|
this.fireEvent("mousedown", this, e);
|
|
this.fireEvent("click", this, e);
|
|
|
|
// Do not honor delay or interval if acceleration wanted.
|
|
if (this.accelerate) {
|
|
this.delay = 400;
|
|
}
|
|
this.timer = this.click.defer(this.delay || this.interval, this, [e]);
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-click'> // private
|
|
</span> click : function(e){
|
|
this.fireEvent("click", this, e);
|
|
this.timer = this.click.defer(this.accelerate ?
|
|
this.easeOutExpo(this.mousedownTime.getElapsed(),
|
|
400,
|
|
-390,
|
|
12000) :
|
|
this.interval, this, [e]);
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-easeOutExpo'> easeOutExpo : function (t, b, c, d) {
|
|
</span> return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-handleMouseOut'> // private
|
|
</span> handleMouseOut : function(){
|
|
clearTimeout(this.timer);
|
|
if(this.pressClass){
|
|
this.el.removeClass(this.pressClass);
|
|
}
|
|
this.el.on("mouseover", this.handleMouseReturn, this);
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-handleMouseReturn'> // private
|
|
</span> handleMouseReturn : function(){
|
|
this.el.un("mouseover", this.handleMouseReturn, this);
|
|
if(this.pressClass){
|
|
this.el.addClass(this.pressClass);
|
|
}
|
|
this.click();
|
|
},
|
|
|
|
<span id='Ext-util-ClickRepeater-method-handleMouseUp'> // private
|
|
</span> handleMouseUp : function(e){
|
|
clearTimeout(this.timer);
|
|
this.el.un("mouseover", this.handleMouseReturn, this);
|
|
this.el.un("mouseout", this.handleMouseOut, this);
|
|
Ext.getDoc().un("mouseup", this.handleMouseUp, this);
|
|
this.el.removeClass(this.pressClass);
|
|
this.fireEvent("mouseup", this, e);
|
|
}
|
|
});</pre>
|
|
</body>
|
|
</html>
|