131 lines
5.3 KiB
HTML
131 lines
5.3 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-Element'>/**
|
|
</span> * @class Ext.Element
|
|
*/
|
|
Ext.Element.addMethods({
|
|
<span id='Ext-Element-method-scrollTo'> /**
|
|
</span> * Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().
|
|
* @param {String} side Either "left" for scrollLeft values or "top" for scrollTop values.
|
|
* @param {Number} value The new scroll value
|
|
* @param {Boolean/Object} animate (optional) true for the default animation or a standard Element animation config object
|
|
* @return {Element} this
|
|
*/
|
|
scrollTo : function(side, value, animate) {
|
|
//check if we're scrolling top or left
|
|
var top = /top/i.test(side),
|
|
me = this,
|
|
dom = me.dom,
|
|
prop;
|
|
if (!animate || !me.anim) {
|
|
// just setting the value, so grab the direction
|
|
prop = 'scroll' + (top ? 'Top' : 'Left');
|
|
dom[prop] = value;
|
|
}
|
|
else {
|
|
// if scrolling top, we need to grab scrollLeft, if left, scrollTop
|
|
prop = 'scroll' + (top ? 'Left' : 'Top');
|
|
me.anim({scroll: {to: top ? [dom[prop], value] : [value, dom[prop]]}}, me.preanim(arguments, 2), 'scroll');
|
|
}
|
|
return me;
|
|
},
|
|
|
|
<span id='Ext-Element-method-scrollIntoView'> /**
|
|
</span> * Scrolls this element into view within the passed container.
|
|
* @param {Mixed} container (optional) The container element to scroll (defaults to document.body). Should be a
|
|
* string (id), dom node, or Ext.Element.
|
|
* @param {Boolean} hscroll (optional) False to disable horizontal scroll (defaults to true)
|
|
* @return {Ext.Element} this
|
|
*/
|
|
scrollIntoView : function(container, hscroll) {
|
|
var c = Ext.getDom(container) || Ext.getBody().dom,
|
|
el = this.dom,
|
|
o = this.getOffsetsTo(c),
|
|
l = o[0] + c.scrollLeft,
|
|
t = o[1] + c.scrollTop,
|
|
b = t + el.offsetHeight,
|
|
r = l + el.offsetWidth,
|
|
ch = c.clientHeight,
|
|
ct = parseInt(c.scrollTop, 10),
|
|
cl = parseInt(c.scrollLeft, 10),
|
|
cb = ct + ch,
|
|
cr = cl + c.clientWidth;
|
|
|
|
if (el.offsetHeight > ch || t < ct) {
|
|
c.scrollTop = t;
|
|
}
|
|
else if (b > cb) {
|
|
c.scrollTop = b-ch;
|
|
}
|
|
// corrects IE, other browsers will ignore
|
|
c.scrollTop = c.scrollTop;
|
|
|
|
if (hscroll !== false) {
|
|
if (el.offsetWidth > c.clientWidth || l < cl) {
|
|
c.scrollLeft = l;
|
|
}
|
|
else if (r > cr) {
|
|
c.scrollLeft = r - c.clientWidth;
|
|
}
|
|
c.scrollLeft = c.scrollLeft;
|
|
}
|
|
return this;
|
|
},
|
|
|
|
// private
|
|
scrollChildIntoView : function(child, hscroll) {
|
|
Ext.fly(child, '_scrollChildIntoView').scrollIntoView(this, hscroll);
|
|
},
|
|
|
|
<span id='Ext-Element-method-scroll'> /**
|
|
</span> * Scrolls this element the specified direction. Does bounds checking to make sure the scroll is
|
|
* within this element's scrollable range.
|
|
* @param {String} direction Possible values are: "l" (or "left"), "r" (or "right"), "t" (or "top", or "up"), "b" (or "bottom", or "down").
|
|
* @param {Number} distance How far to scroll the element in pixels
|
|
* @param {Boolean/Object} animate (optional) true for the default animation or a standard Element animation config object
|
|
* @return {Boolean} Returns true if a scroll was triggered or false if the element
|
|
* was scrolled as far as it could go.
|
|
*/
|
|
scroll : function(direction, distance, animate) {
|
|
if (!this.isScrollable()) {
|
|
return false;
|
|
}
|
|
var el = this.dom,
|
|
l = el.scrollLeft, t = el.scrollTop,
|
|
w = el.scrollWidth, h = el.scrollHeight,
|
|
cw = el.clientWidth, ch = el.clientHeight,
|
|
scrolled = false, v,
|
|
hash = {
|
|
l: Math.min(l + distance, w-cw),
|
|
r: v = Math.max(l - distance, 0),
|
|
t: Math.max(t - distance, 0),
|
|
b: Math.min(t + distance, h-ch)
|
|
};
|
|
hash.d = hash.b;
|
|
hash.u = hash.t;
|
|
|
|
direction = direction.substr(0, 1);
|
|
if ((v = hash[direction]) > -1) {
|
|
scrolled = true;
|
|
this.scrollTo(direction == 'l' || direction == 'r' ? 'left' : 'top', v, this.preanim(arguments, 2));
|
|
}
|
|
return scrolled;
|
|
}
|
|
});</pre>
|
|
</body>
|
|
</html>
|