<!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-fx-target-Element'>/**
|
</span> * @class Ext.fx.target.Element
|
*
|
* This class represents a animation target for an {@link Ext.Element}. In general this class will not be
|
* created directly, the {@link Ext.Element} will be passed to the animation and
|
* and the appropriate target will be created.
|
*/
|
Ext.define('Ext.fx.target.Element', {
|
|
/* Begin Definitions */
|
|
extend: 'Ext.fx.target.Target',
|
|
<span id='Ext-fx-target-Element-property-type'> /* End Definitions */
|
</span>
|
type: 'element',
|
|
<span id='Ext-fx-target-Element-method-getElVal'> getElVal: function(el, attr, val) {
|
</span> if (val == undefined) {
|
if (attr === 'x') {
|
val = el.getX();
|
} else if (attr === 'y') {
|
val = el.getY();
|
} else if (attr === 'scrollTop') {
|
val = el.getScroll().top;
|
} else if (attr === 'scrollLeft') {
|
val = el.getScroll().left;
|
} else if (attr === 'height') {
|
val = el.getHeight();
|
} else if (attr === 'width') {
|
val = el.getWidth();
|
} else {
|
val = el.getStyle(attr);
|
}
|
}
|
return val;
|
},
|
|
<span id='Ext-fx-target-Element-method-getAttr'> getAttr: function(attr, val) {
|
</span> var el = this.target;
|
return [[ el, this.getElVal(el, attr, val)]];
|
},
|
|
<span id='Ext-fx-target-Element-method-setAttr'> setAttr: function(targetData) {
|
</span> var target = this.target,
|
ln = targetData.length,
|
attrs, attr, o, i, j, ln2;
|
|
for (i = 0; i < ln; i++) {
|
attrs = targetData[i].attrs;
|
for (attr in attrs) {
|
if (attrs.hasOwnProperty(attr)) {
|
ln2 = attrs[attr].length;
|
for (j = 0; j < ln2; j++) {
|
o = attrs[attr][j];
|
this.setElVal(o[0], attr, o[1]);
|
}
|
}
|
}
|
}
|
},
|
|
<span id='Ext-fx-target-Element-method-setElVal'> setElVal: function(element, attr, value){
|
</span> if (attr === 'x') {
|
element.setX(value);
|
} else if (attr === 'y') {
|
element.setY(value);
|
} else if (attr === 'scrollTop') {
|
element.scrollTo('top', value);
|
} else if (attr === 'scrollLeft') {
|
element.scrollTo('left',value);
|
} else if (attr === 'width') {
|
element.setWidth(value);
|
} else if (attr === 'height') {
|
element.setHeight(value);
|
} else {
|
element.setStyle(attr, value);
|
}
|
}
|
});
|
</pre>
|
</body>
|
</html>
|
