]>
Commit | Line | Data |
---|---|---|
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 | |
8 | Ext.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 |