]> git.proxmox.com Git - extjs.git/blame - extjs/classic/classic/src/fx/target/Element.js
add extjs 6.0.1 sources
[extjs.git] / extjs / classic / classic / src / fx / target / Element.js
CommitLineData
6527f429
DM
1/**\r
2 * @class Ext.fx.target.Element\r
3 * \r
4 * This class represents a animation target for an {@link Ext.dom.Element}. In general this class will not be\r
5 * created directly, the {@link Ext.dom.Element} will be passed to the animation and\r
6 * and the appropriate target will be created.\r
7 */\r
8Ext.define('Ext.fx.target.Element', {\r
9\r
10 /* Begin Definitions */\r
11 \r
12 extend: 'Ext.fx.target.Target',\r
13 \r
14 /* End Definitions */\r
15\r
16 type: 'element',\r
17\r
18 getElVal: function(el, attr, val) {\r
19 if (val === undefined) {\r
20 if (attr === 'x') {\r
21 val = el.getX();\r
22 } else if (attr === 'y') {\r
23 val = el.getY();\r
24 } else if (attr === 'scrollTop') {\r
25 val = el.getScroll().top;\r
26 } else if (attr === 'scrollLeft') {\r
27 val = el.getScroll().left;\r
28 } else if (attr === 'height') {\r
29 val = el.getHeight();\r
30 } else if (attr === 'width') {\r
31 val = el.getWidth();\r
32 } else {\r
33 val = el.getStyle(attr);\r
34 }\r
35 }\r
36 return val;\r
37 },\r
38\r
39 getAttr: function(attr, val) {\r
40 var el = this.target;\r
41 return [[ el, this.getElVal(el, attr, val)]];\r
42 },\r
43\r
44 setAttr: function(targetData) {\r
45 var ln = targetData.length,\r
46 attrs, attr, o, i, j, ln2;\r
47 \r
48 for (i = 0; i < ln; i++) {\r
49 attrs = targetData[i].attrs;\r
50 for (attr in attrs) {\r
51 if (attrs.hasOwnProperty(attr)) {\r
52 ln2 = attrs[attr].length;\r
53 for (j = 0; j < ln2; j++) {\r
54 o = attrs[attr][j];\r
55 this.setElVal(o[0], attr, o[1]);\r
56 }\r
57 }\r
58 }\r
59 }\r
60 },\r
61 \r
62 setElVal: function(element, attr, value){\r
63 if (attr === 'x') {\r
64 element.setX(value);\r
65 } else if (attr === 'y') {\r
66 element.setY(value);\r
67 } else if (attr === 'scrollTop') {\r
68 element.scrollTo('top', value);\r
69 } else if (attr === 'scrollLeft') {\r
70 element.scrollTo('left',value);\r
71 } else if (attr === 'width') {\r
72 element.setWidth(value);\r
73 } else if (attr === 'height') {\r
74 element.setHeight(value);\r
75 } else {\r
76 element.setStyle(attr, value);\r
77 }\r
78 }\r
79});\r