Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / source / SpriteDD.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5   <title>The source code</title>
6   <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
7   <script type="text/javascript" src="../prettify/prettify.js"></script>
8   <style type="text/css">
9     .highlight { display: block; background-color: #ddd; }
10   </style>
11   <script type="text/javascript">
12     function highlight() {
13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
14     }
15   </script>
16 </head>
17 <body onload="prettyPrint(); highlight();">
18   <pre class="prettyprint lang-js">// private - DD implementation for Panels
19 Ext.define('Ext.draw.SpriteDD', {
20     extend: 'Ext.dd.DragSource',
21
22     constructor : function(sprite, cfg){
23         var me = this,
24             el = sprite.el;
25         me.sprite = sprite;
26         me.el = el;
27         me.dragData = {el: el, sprite: sprite};
28         me.callParent([el, cfg]);
29         me.sprite.setStyle('cursor', 'move');
30     },
31
32     showFrame: Ext.emptyFn,
33     createFrame : Ext.emptyFn,
34
35     getDragEl : function(e){
36         return this.el;
37     },
38     
39     getRegion: function() {
40         var me = this,
41             el = me.el,
42             pos, x1, x2, y1, y2, t, r, b, l, bbox, sprite;
43         
44         sprite = me.sprite;
45         bbox = sprite.getBBox();
46         
47         try {
48             pos = Ext.core.Element.getXY(el);
49         } catch (e) { }
50
51         if (!pos) {
52             return null;
53         }
54
55         x1 = pos[0];
56         x2 = x1 + bbox.width;
57         y1 = pos[1];
58         y2 = y1 + bbox.height;
59         
60         return Ext.create('Ext.util.Region', y1, x2, y2, x1);
61     },
62
63     /*
64       TODO(nico): Cumulative translations in VML are handled
65       differently than in SVG. While in SVG we specify the translation
66       relative to the original x, y position attributes, in VML the translation
67       is a delta between the last position of the object (modified by the last
68       translation) and the new one.
69       
70       In VML the translation alters the position
71       of the object, we should change that or alter the SVG impl.
72     */
73      
74     startDrag: function(x, y) {
75         var me = this,
76             attr = me.sprite.attr,
77             trans = attr.translation;
78         if (me.sprite.vml) {
79             me.prevX = x + attr.x;
80             me.prevY = y + attr.y;
81         } else {
82             me.prevX = x - trans.x;
83             me.prevY = y - trans.y;
84         }
85     },
86
87     onDrag: function(e) {
88         var xy = e.getXY(),
89             me = this,
90             sprite = me.sprite,
91             attr = sprite.attr;
92         me.translateX = xy[0] - me.prevX;
93         me.translateY = xy[1] - me.prevY;
94         sprite.setAttributes({
95             translate: {
96                 x: me.translateX,
97                 y: me.translateY
98             }
99         }, true);
100         if (sprite.vml) {
101             me.prevX = xy[0] + attr.x || 0;
102             me.prevY = xy[1] + attr.y || 0;
103         }
104     }
105 });</pre>
106 </body>
107 </html>