Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / docs / source / TreeDragZone.html
index 9684342..ae64474 100644 (file)
@@ -1,91 +1,92 @@
 <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>
 </head>
 <body  onload="prettyPrint();">
     <pre class="prettyprint lang-js">/*!
- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * 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.tree.TreeDragZone"></div>/**\r
- * @class Ext.tree.TreeDragZone\r
- * @extends Ext.dd.DragZone\r
- * @constructor\r
- * @param {String/HTMLElement/Element} tree The {@link Ext.tree.TreePanel} for which to enable dragging\r
- * @param {Object} config\r
- */\r
-if(Ext.dd.DragZone){\r
-Ext.tree.TreeDragZone = function(tree, config){\r
-    Ext.tree.TreeDragZone.superclass.constructor.call(this, tree.innerCt, config);\r
-    <div id="prop-Ext.tree.TreeDragZone-tree"></div>/**\r
-    * The TreePanel for this drag zone\r
-    * @type Ext.tree.TreePanel\r
-    * @property\r
-    */\r
-    this.tree = tree;\r
-};\r
-\r
-Ext.extend(Ext.tree.TreeDragZone, Ext.dd.DragZone, {\r
-    <div id="cfg-Ext.tree.TreeDragZone-ddGroup"></div>/**\r
-     * @cfg {String} ddGroup\r
-     * A named drag drop group to which this object belongs.  If a group is specified, then this object will only\r
-     * interact with other drag drop objects in the same group (defaults to 'TreeDD').\r
-     */\r
-    ddGroup : "TreeDD",\r
-\r
-    // private\r
-    onBeforeDrag : function(data, e){\r
-        var n = data.node;\r
-        return n && n.draggable && !n.disabled;\r
-    },\r
-\r
-    // private\r
-    onInitDrag : function(e){\r
-        var data = this.dragData;\r
-        this.tree.getSelectionModel().select(data.node);\r
-        this.tree.eventModel.disable();\r
-        this.proxy.update("");\r
-        data.node.ui.appendDDGhost(this.proxy.ghost.dom);\r
-        this.tree.fireEvent("startdrag", this.tree, data.node, e);\r
-    },\r
-\r
-    // private\r
-    getRepairXY : function(e, data){\r
-        return data.node.ui.getDDRepairXY();\r
-    },\r
-\r
-    // private\r
-    onEndDrag : function(data, e){\r
-        this.tree.eventModel.enable.defer(100, this.tree.eventModel);\r
-        this.tree.fireEvent("enddrag", this.tree, data.node, e);\r
-    },\r
-\r
-    // private\r
-    onValidDrop : function(dd, e, id){\r
-        this.tree.fireEvent("dragdrop", this.tree, this.dragData.node, dd, e);\r
-        this.hideProxy();\r
-    },\r
-\r
-    // private\r
-    beforeInvalidDrop : function(e, id){\r
-        // this scrolls the original position back into view\r
-        var sm = this.tree.getSelectionModel();\r
-        sm.clearSelections();\r
-        sm.select(this.dragData.node);\r
-    },\r
-    \r
-    // private\r
-    afterRepair : function(){\r
-        if (Ext.enableFx && this.tree.hlDrop) {\r
-            Ext.Element.fly(this.dragData.ddel).highlight(this.hlColor || "c3daf9");\r
-        }\r
-        this.dragging = false;\r
-    }\r
-});\r
-}</pre>
+<div id="cls-Ext.tree.TreeDragZone"></div>/**
+ * @class Ext.tree.TreeDragZone
+ * @extends Ext.dd.DragZone
+ * @constructor
+ * @param {String/HTMLElement/Element} tree The {@link Ext.tree.TreePanel} for which to enable dragging
+ * @param {Object} config
+ */
+if(Ext.dd.DragZone){
+Ext.tree.TreeDragZone = function(tree, config){
+    Ext.tree.TreeDragZone.superclass.constructor.call(this, tree.innerCt, config);
+    <div id="prop-Ext.tree.TreeDragZone-tree"></div>/**
+    * The TreePanel for this drag zone
+    * @type Ext.tree.TreePanel
+    * @property
+    */
+    this.tree = tree;
+};
+
+Ext.extend(Ext.tree.TreeDragZone, Ext.dd.DragZone, {
+    <div id="cfg-Ext.tree.TreeDragZone-ddGroup"></div>/**
+     * @cfg {String} ddGroup
+     * 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 'TreeDD').
+     */
+    ddGroup : "TreeDD",
+
+    // private
+    onBeforeDrag : function(data, e){
+        var n = data.node;
+        return n && n.draggable && !n.disabled;
+    },
+
+    // private
+    onInitDrag : function(e){
+        var data = this.dragData;
+        this.tree.getSelectionModel().select(data.node);
+        this.tree.eventModel.disable();
+        this.proxy.update("");
+        data.node.ui.appendDDGhost(this.proxy.ghost.dom);
+        this.tree.fireEvent("startdrag", this.tree, data.node, e);
+    },
+
+    // private
+    getRepairXY : function(e, data){
+        return data.node.ui.getDDRepairXY();
+    },
+
+    // private
+    onEndDrag : function(data, e){
+        this.tree.eventModel.enable.defer(100, this.tree.eventModel);
+        this.tree.fireEvent("enddrag", this.tree, data.node, e);
+    },
+
+    // private
+    onValidDrop : function(dd, e, id){
+        this.tree.fireEvent("dragdrop", this.tree, this.dragData.node, dd, e);
+        this.hideProxy();
+    },
+
+    // private
+    beforeInvalidDrop : function(e, id){
+        // this scrolls the original position back into view
+        var sm = this.tree.getSelectionModel();
+        sm.clearSelections();
+        sm.select(this.dragData.node);
+    },
+    
+    // private
+    afterRepair : function(){
+        if (Ext.enableFx && this.tree.hlDrop) {
+            Ext.Element.fly(this.dragData.ddel).highlight(this.hlColor || "c3daf9");
+        }
+        this.dragging = false;
+    }
+});
+}</pre>    
 </body>
 </html>
\ No newline at end of file