git.ithinksw.org / extjs.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / DragSource.html
diff --git a/docs/source/DragSource.html b/docs/source/DragSource.html
index 583e355..5a5e672 100644 (file)
--- a/docs/source/DragSource.html
+++ b/docs/source/DragSource.html
@@ -1,61 +1,90 @@
+<!DOCTYPE html>
 <html>
 <head>
 <html>
 <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>The source code</title>
   <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>
+  <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>
 </head>
-<body  onload="prettyPrint();">
-    <pre class="prettyprint lang-js">/*!
- * Ext JS Library 3.2.0
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-<div id="cls-Ext.dd.DragSource"></div>/**
- * @class Ext.dd.DragSource
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-dd-DragSource'>/**
+</span> * @class Ext.dd.DragSource
  * @extends Ext.dd.DDProxy
  * A simple class that provides the basic implementation needed to make any element draggable.
  * @extends Ext.dd.DDProxy
  * A simple class that provides the basic implementation needed to make any element draggable.
- * @constructor
- * @param {Mixed} el The container element
- * @param {Object} config
  */
  */
-Ext.dd.DragSource = function(el, config){
-    this.el = Ext.get(el);
-    if(!this.dragData){
-        this.dragData = {};
-    }
-    
-    Ext.apply(this, config);
-    
-    if(!this.proxy){
-        this.proxy = new Ext.dd.StatusProxy();
-    }
-    Ext.dd.DragSource.superclass.constructor.call(this, this.el.dom, this.ddGroup || this.group, 
-          {dragElId : this.proxy.id, resizeFrame: false, isTarget: false, scroll: this.scroll === true});
-    
-    this.dragging = false;
-};
-
-Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
-    <div id="cfg-Ext.dd.DragSource-ddGroup"></div>/**
-     * @cfg {String} ddGroup
+Ext.define('Ext.dd.DragSource', {
+    extend: 'Ext.dd.DDProxy',
+    requires: [
+        'Ext.dd.StatusProxy',
+        'Ext.dd.DragDropManager'
+    ],
+
+<span id='Ext-dd-DragSource-cfg-ddGroup'>    /**
+</span>     * @cfg {String} ddGroup
      * A named drag drop group to which this object belongs.  If a group is specified, then this object will only
      * A named drag drop group to which this object belongs.  If a group is specified, then this object will only
-     * interact with other drag drop objects in the same group (defaults to undefined).
+     * interact with other drag drop objects in the same group.
+     */
+
+<span id='Ext-dd-DragSource-cfg-dropAllowed'>    /**
+</span>     * @cfg {String} [dropAllowed=&quot;x-dd-drop-ok&quot;]
+     * The CSS class returned to the drag source when drop is allowed.
      */
      */
-    <div id="cfg-Ext.dd.DragSource-dropAllowed"></div>/**
-     * @cfg {String} dropAllowed
-     * The CSS class returned to the drag source when drop is allowed (defaults to "x-dd-drop-ok").
+    dropAllowed : Ext.baseCSSPrefix + 'dd-drop-ok',
+<span id='Ext-dd-DragSource-cfg-dropNotAllowed'>    /**
+</span>     * @cfg {String} [dropNotAllowed=&quot;x-dd-drop-nodrop&quot;]
+     * The CSS class returned to the drag source when drop is not allowed.
      */
      */
-    dropAllowed : "x-dd-drop-ok",
-    <div id="cfg-Ext.dd.DragSource-dropNotAllowed"></div>/**
-     * @cfg {String} dropNotAllowed
-     * The CSS class returned to the drag source when drop is not allowed (defaults to "x-dd-drop-nodrop").
+    dropNotAllowed : Ext.baseCSSPrefix + 'dd-drop-nodrop',
+
+<span id='Ext-dd-DragSource-cfg-animRepair'>    /**
+</span>     * @cfg {Boolean} animRepair
+     * If true, animates the proxy element back to the position of the handle element used to trigger the drag.
      */
      */
-    dropNotAllowed : "x-dd-drop-nodrop",
+    animRepair: true,
+
+<span id='Ext-dd-DragSource-cfg-repairHighlightColor'>    /**
+</span>     * @cfg {String} repairHighlightColor
+     * The color to use when visually highlighting the drag source in the afterRepair
+     * method after a failed drop (defaults to light blue). The color must be a 6 digit hex value, without
+     * a preceding '#'.
+     */
+    repairHighlightColor: 'c3daf9',
+
+<span id='Ext-dd-DragSource-method-constructor'>    /**
+</span>     * Creates new drag-source.
+     * @constructor
+     * @param {String/HTMLElement/Ext.Element} el The container element or ID of it.
+     * @param {Object} config (optional) Config object.
+     */
+    constructor: function(el, config) {
+        this.el = Ext.get(el);
+        if(!this.dragData){
+            this.dragData = {};
+        }
+
+        Ext.apply(this, config);
+
+        if(!this.proxy){
+            this.proxy = Ext.create('Ext.dd.StatusProxy', {
+                animRepair: this.animRepair
+            });
+        }
+        this.callParent([this.el.dom, this.ddGroup || this.group,
+              {dragElId : this.proxy.id, resizeFrame: false, isTarget: false, scroll: this.scroll === true}]);
+
+        this.dragging = false;
+    },
 
 
-    <div id="method-Ext.dd.DragSource-getDragData"></div>/**
-     * Returns the data object associated with this drag source
+<span id='Ext-dd-DragSource-method-getDragData'>    /**
+</span>     * Returns the data object associated with this drag source
      * @return {Object} data An object containing arbitrary data
      */
     getDragData : function(e){
      * @return {Object} data An object containing arbitrary data
      */
     getDragData : function(e){
@@ -64,19 +93,19 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
 
     // private
     onDragEnter : function(e, id){
 
     // private
     onDragEnter : function(e, id){
-        var target = Ext.dd.DragDropMgr.getDDById(id);
+        var target = Ext.dd.DragDropManager.getDDById(id);
         this.cachedTarget = target;
         this.cachedTarget = target;
-        if(this.beforeDragEnter(target, e, id) !== false){
-            if(target.isNotifyTarget){
+        if (this.beforeDragEnter(target, e, id) !== false) {
+            if (target.isNotifyTarget) {
                 var status = target.notifyEnter(this, e, this.dragData);
                 this.proxy.setStatus(status);
                 var status = target.notifyEnter(this, e, this.dragData);
                 this.proxy.setStatus(status);
-            }else{
+            } else {
                 this.proxy.setStatus(this.dropAllowed);
             }
                 this.proxy.setStatus(this.dropAllowed);
             }
-            
-            if(this.afterDragEnter){
-                <div id="method-Ext.dd.DragSource-afterDragEnter"></div>/**
-                 * An empty function by default, but provided so that you can perform a custom action
+
+            if (this.afterDragEnter) {
+<span id='Ext-dd-DragSource-method-afterDragEnter'>                /**
+</span>                 * An empty function by default, but provided so that you can perform a custom action
                  * when the dragged item enters the drop target by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
                  * when the dragged item enters the drop target by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
@@ -88,36 +117,36 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         }
     },
 
         }
     },
 
-    <div id="method-Ext.dd.DragSource-beforeDragEnter"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action
+<span id='Ext-dd-DragSource-method-beforeDragEnter'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action
      * before the dragged item enters the drop target and optionally cancel the onDragEnter.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
      * before the dragged item enters the drop target and optionally cancel the onDragEnter.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
-    beforeDragEnter : function(target, e, id){
+    beforeDragEnter: function(target, e, id) {
         return true;
     },
 
     // private
     alignElWithMouse: function() {
         return true;
     },
 
     // private
     alignElWithMouse: function() {
-        Ext.dd.DragSource.superclass.alignElWithMouse.apply(this, arguments);
+        this.callParent(arguments);
         this.proxy.sync();
     },
 
     // private
         this.proxy.sync();
     },
 
     // private
-    onDragOver : function(e, id){
-        var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
-        if(this.beforeDragOver(target, e, id) !== false){
+    onDragOver: function(e, id) {
+        var target = this.cachedTarget || Ext.dd.DragDropManager.getDDById(id);
+        if (this.beforeDragOver(target, e, id) !== false) {
             if(target.isNotifyTarget){
                 var status = target.notifyOver(this, e, this.dragData);
                 this.proxy.setStatus(status);
             }
 
             if(target.isNotifyTarget){
                 var status = target.notifyOver(this, e, this.dragData);
                 this.proxy.setStatus(status);
             }
 
-            if(this.afterDragOver){
-                <div id="method-Ext.dd.DragSource-afterDragOver"></div>/**
-                 * An empty function by default, but provided so that you can perform a custom action
+            if (this.afterDragOver) {
+<span id='Ext-dd-DragSource-method-afterDragOver'>                /**
+</span>                 * An empty function by default, but provided so that you can perform a custom action
                  * while the dragged item is over the drop target by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
                  * while the dragged item is over the drop target by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
@@ -129,29 +158,29 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         }
     },
 
         }
     },
 
-    <div id="method-Ext.dd.DragSource-beforeDragOver"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action
+<span id='Ext-dd-DragSource-method-beforeDragOver'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action
      * while the dragged item is over the drop target and optionally cancel the onDragOver.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
      * while the dragged item is over the drop target and optionally cancel the onDragOver.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
-    beforeDragOver : function(target, e, id){
+    beforeDragOver: function(target, e, id) {
         return true;
     },
 
     // private
         return true;
     },
 
     // private
-    onDragOut : function(e, id){
-        var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
-        if(this.beforeDragOut(target, e, id) !== false){
-            if(target.isNotifyTarget){
+    onDragOut: function(e, id) {
+        var target = this.cachedTarget || Ext.dd.DragDropManager.getDDById(id);
+        if (this.beforeDragOut(target, e, id) !== false) {
+            if (target.isNotifyTarget) {
                 target.notifyOut(this, e, this.dragData);
             }
             this.proxy.reset();
                 target.notifyOut(this, e, this.dragData);
             }
             this.proxy.reset();
-            if(this.afterDragOut){
-                <div id="method-Ext.dd.DragSource-afterDragOut"></div>/**
-                 * An empty function by default, but provided so that you can perform a custom action
+            if (this.afterDragOut) {
+<span id='Ext-dd-DragSource-method-afterDragOut'>                /**
+</span>                 * An empty function by default, but provided so that you can perform a custom action
                  * after the dragged item is dragged out of the target without dropping.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
                  * after the dragged item is dragged out of the target without dropping.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
@@ -164,35 +193,35 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         this.cachedTarget = null;
     },
 
         this.cachedTarget = null;
     },
 
-    <div id="method-Ext.dd.DragSource-beforeDragOut"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action before the dragged
+<span id='Ext-dd-DragSource-method-beforeDragOut'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action before the dragged
      * item is dragged out of the target without dropping, and optionally cancel the onDragOut.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
      * item is dragged out of the target without dropping, and optionally cancel the onDragOut.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
-    beforeDragOut : function(target, e, id){
+    beforeDragOut: function(target, e, id){
         return true;
     },
         return true;
     },
-    
+
     // private
     // private
-    onDragDrop : function(e, id){
-        var target = this.cachedTarget || Ext.dd.DragDropMgr.getDDById(id);
-        if(this.beforeDragDrop(target, e, id) !== false){
-            if(target.isNotifyTarget){
-                if(target.notifyDrop(this, e, this.dragData)){ // valid drop?
+    onDragDrop: function(e, id){
+        var target = this.cachedTarget || Ext.dd.DragDropManager.getDDById(id);
+        if (this.beforeDragDrop(target, e, id) !== false) {
+            if (target.isNotifyTarget) {
+                if (target.notifyDrop(this, e, this.dragData) !== false) { // valid drop?
                     this.onValidDrop(target, e, id);
                     this.onValidDrop(target, e, id);
-                }else{
+                } else {
                     this.onInvalidDrop(target, e, id);
                 }
                     this.onInvalidDrop(target, e, id);
                 }
-            }else{
+            } else {
                 this.onValidDrop(target, e, id);
             }
                 this.onValidDrop(target, e, id);
             }
-            
-            if(this.afterDragDrop){
-                <div id="method-Ext.dd.DragSource-afterDragDrop"></div>/**
-                 * An empty function by default, but provided so that you can perform a custom action
+
+            if (this.afterDragDrop) {
+<span id='Ext-dd-DragSource-method-afterDragDrop'>                /**
+</span>                 * An empty function by default, but provided so that you can perform a custom action
                  * after a valid drag drop has occurred by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
                  * after a valid drag drop has occurred by providing an implementation.
                  * @param {Ext.dd.DragDrop} target The drop target
                  * @param {Event} e The event object
@@ -205,43 +234,43 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         delete this.cachedTarget;
     },
 
         delete this.cachedTarget;
     },
 
-    <div id="method-Ext.dd.DragSource-beforeDragDrop"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action before the dragged
+<span id='Ext-dd-DragSource-method-beforeDragDrop'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action before the dragged
      * item is dropped onto the target and optionally cancel the onDragDrop.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag drop event is valid, else false to cancel
      */
      * item is dropped onto the target and optionally cancel the onDragDrop.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the drag drop event is valid, else false to cancel
      */
-    beforeDragDrop : function(target, e, id){
+    beforeDragDrop: function(target, e, id){
         return true;
     },
 
     // private
         return true;
     },
 
     // private
-    onValidDrop : function(target, e, id){
+    onValidDrop: function(target, e, id){
         this.hideProxy();
         if(this.afterValidDrop){
         this.hideProxy();
         if(this.afterValidDrop){
-            /**
-             * An empty function by default, but provided so that you can perform a custom action
+<span id='Ext-dd-DragSource-method-afterValidDrop'>            /**
+</span>             * An empty function by default, but provided so that you can perform a custom action
              * after a valid drop has occurred by providing an implementation.
              * after a valid drop has occurred by providing an implementation.
-             * @param {Object} target The target DD 
+             * @param {Object} target The target DD
              * @param {Event} e The event object
              * @param {String} id The id of the dropped element
              * @param {Event} e The event object
              * @param {String} id The id of the dropped element
-             * @method afterInvalidDrop
+             * @method afterValidDrop
              */
             this.afterValidDrop(target, e, id);
         }
     },
 
     // private
              */
             this.afterValidDrop(target, e, id);
         }
     },
 
     // private
-    getRepairXY : function(e, data){
-        return this.el.getXY();  
+    getRepairXY: function(e, data){
+        return this.el.getXY();
     },
 
     // private
     },
 
     // private
-    onInvalidDrop : function(target, e, id){
+    onInvalidDrop: function(target, e, id) {
         this.beforeInvalidDrop(target, e, id);
         this.beforeInvalidDrop(target, e, id);
-        if(this.cachedTarget){
+        if (this.cachedTarget) {
             if(this.cachedTarget.isNotifyTarget){
                 this.cachedTarget.notifyOut(this, e, this.dragData);
             }
             if(this.cachedTarget.isNotifyTarget){
                 this.cachedTarget.notifyOut(this, e, this.dragData);
             }
@@ -249,9 +278,9 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         }
         this.proxy.repair(this.getRepairXY(e, this.dragData), this.afterRepair, this);
 
         }
         this.proxy.repair(this.getRepairXY(e, this.dragData), this.afterRepair, this);
 
-        if(this.afterInvalidDrop){
-            <div id="method-Ext.dd.DragSource-afterInvalidDrop"></div>/**
-             * An empty function by default, but provided so that you can perform a custom action
+        if (this.afterInvalidDrop) {
+<span id='Ext-dd-DragSource-method-afterInvalidDrop'>            /**
+</span>             * An empty function by default, but provided so that you can perform a custom action
              * after an invalid drop has occurred by providing an implementation.
              * @param {Event} e The event object
              * @param {String} id The id of the dropped element
              * after an invalid drop has occurred by providing an implementation.
              * @param {Event} e The event object
              * @param {String} id The id of the dropped element
@@ -262,68 +291,70 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
     },
 
     // private
     },
 
     // private
-    afterRepair : function(){
-        if(Ext.enableFx){
-            this.el.highlight(this.hlColor || "c3daf9");
+    afterRepair: function() {
+        var me = this;
+        if (Ext.enableFx) {
+            me.el.highlight(me.repairHighlightColor);
         }
         }
-        this.dragging = false;
+        me.dragging = false;
     },
 
     },
 
-    <div id="method-Ext.dd.DragSource-beforeInvalidDrop"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action after an invalid
+<span id='Ext-dd-DragSource-method-beforeInvalidDrop'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action after an invalid
      * drop has occurred.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the invalid drop should proceed, else false to cancel
      */
      * drop has occurred.
      * @param {Ext.dd.DragDrop} target The drop target
      * @param {Event} e The event object
      * @param {String} id The id of the dragged element
      * @return {Boolean} isValid True if the invalid drop should proceed, else false to cancel
      */
-    beforeInvalidDrop : function(target, e, id){
+    beforeInvalidDrop: function(target, e, id) {
         return true;
     },
 
     // private
         return true;
     },
 
     // private
-    handleMouseDown : function(e){
-        if(this.dragging) {
+    handleMouseDown: function(e) {
+        if (this.dragging) {
             return;
         }
         var data = this.getDragData(e);
             return;
         }
         var data = this.getDragData(e);
-        if(data && this.onBeforeDrag(data, e) !== false){
+        if (data &amp;&amp; this.onBeforeDrag(data, e) !== false) {
             this.dragData = data;
             this.proxy.stop();
             this.dragData = data;
             this.proxy.stop();
-            Ext.dd.DragSource.superclass.handleMouseDown.apply(this, arguments);
-        } 
+            this.callParent(arguments);
+        }
     },
 
     },
 
-    <div id="method-Ext.dd.DragSource-onBeforeDrag"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action before the initial
+<span id='Ext-dd-DragSource-method-onBeforeDrag'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action before the initial
      * drag event begins and optionally cancel it.
      * @param {Object} data An object containing arbitrary data to be shared with drop targets
      * @param {Event} e The event object
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
      * drag event begins and optionally cancel it.
      * @param {Object} data An object containing arbitrary data to be shared with drop targets
      * @param {Event} e The event object
      * @return {Boolean} isValid True if the drag event is valid, else false to cancel
      */
-    onBeforeDrag : function(data, e){
+    onBeforeDrag: function(data, e){
         return true;
     },
 
         return true;
     },
 
-    <div id="method-Ext.dd.DragSource-onStartDrag"></div>/**
-     * An empty function by default, but provided so that you can perform a custom action once the initial
+<span id='Ext-dd-DragSource-method-onStartDrag'>    /**
+</span>     * An empty function by default, but provided so that you can perform a custom action once the initial
      * drag event has begun.  The drag cannot be canceled from this function.
      * @param {Number} x The x position of the click on the dragged object
      * @param {Number} y The y position of the click on the dragged object
      * drag event has begun.  The drag cannot be canceled from this function.
      * @param {Number} x The x position of the click on the dragged object
      * @param {Number} y The y position of the click on the dragged object
+     * @method
      */
      */
-    onStartDrag : Ext.emptyFn,
+    onStartDrag: Ext.emptyFn,
 
     // private override
 
     // private override
-    startDrag : function(x, y){
+    startDrag: function(x, y) {
         this.proxy.reset();
         this.dragging = true;
         this.proxy.reset();
         this.dragging = true;
-        this.proxy.update("");
+        this.proxy.update(&quot;&quot;);
         this.onInitDrag(x, y);
         this.proxy.show();
     },
 
     // private
         this.onInitDrag(x, y);
         this.proxy.show();
     },
 
     // private
-    onInitDrag : function(x, y){
+    onInitDrag: function(x, y) {
         var clone = this.el.dom.cloneNode(true);
         clone.id = Ext.id(); // prevent duplicate ids
         this.proxy.update(clone);
         var clone = this.el.dom.cloneNode(true);
         clone.id = Ext.id(); // prevent duplicate ids
         this.proxy.update(clone);
@@ -331,25 +362,25 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
         return true;
     },
 
         return true;
     },
 
-    <div id="method-Ext.dd.DragSource-getProxy"></div>/**
-     * Returns the drag source's underlying {@link Ext.dd.StatusProxy}
+<span id='Ext-dd-DragSource-method-getProxy'>    /**
+</span>     * Returns the drag source's underlying {@link Ext.dd.StatusProxy}
      * @return {Ext.dd.StatusProxy} proxy The StatusProxy
      */
      * @return {Ext.dd.StatusProxy} proxy The StatusProxy
      */
-    getProxy : function(){
-        return this.proxy;  
+    getProxy: function() {
+        return this.proxy;
     },
 
     },
 
-    <div id="method-Ext.dd.DragSource-hideProxy"></div>/**
-     * Hides the drag source's {@link Ext.dd.StatusProxy}
+<span id='Ext-dd-DragSource-method-hideProxy'>    /**
+</span>     * Hides the drag source's {@link Ext.dd.StatusProxy}
      */
      */
-    hideProxy : function(){
-        this.proxy.hide();  
+    hideProxy: function() {
+        this.proxy.hide();
         this.proxy.reset(true);
         this.dragging = false;
     },
 
     // private
         this.proxy.reset(true);
         this.dragging = false;
     },
 
     // private
-    triggerCacheRefresh : function(){
+    triggerCacheRefresh: function() {
         Ext.dd.DDM.refreshCache(this.groups);
     },
 
         Ext.dd.DDM.refreshCache(this.groups);
     },
 
@@ -365,16 +396,17 @@ Ext.extend(Ext.dd.DragSource, Ext.dd.DDProxy, {
     // private
     onEndDrag : function(data, e){
     },
     // private
     onEndDrag : function(data, e){
     },
-    
+
     // private - pin to cursor
     autoOffset : function(x, y) {
         this.setDelta(-12, -20);
     },
     // private - pin to cursor
     autoOffset : function(x, y) {
         this.setDelta(-12, -20);
     },
-    
+
     destroy: function(){
     destroy: function(){
-        Ext.dd.DragSource.superclass.destroy.call(this);
+        this.callParent();
         Ext.destroy(this.proxy);
     }
         Ext.destroy(this.proxy);
     }
-});</pre>    
+});
+</pre>
 </body>
 </body>
-</html>
\ No newline at end of file
+</html>
Mirror of ExtJS by Sencha Inc. <http://www.sencha.com/>.