Upgrade to ExtJS 4.0.1 - Released 05/18/2011

[extjs.git] / docs / source / ViewDragZone.html
diff --git a/docs/source/ViewDragZone.html b/docs/source/ViewDragZone.html

new file mode 100644 (file)

index 0000000..01bf07f
--- /dev/null
+++ b/docs/source/ViewDragZone.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../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>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js">Ext.define('Ext.tree.ViewDragZone', {
+    extend: 'Ext.view.DragZone',
+
+    isPreventDrag: function(e, record) {
+        return (record.get('allowDrag') === false) || !!e.getTarget(this.view.expanderSelector);
+    },
+    
+    afterRepair: function() {
+        var me = this,
+            view = me.view,
+            selectedRowCls = view.selectedItemCls,
+            records = me.dragData.records,
+            fly = Ext.fly;
+        
+        if (Ext.enableFx &amp;&amp; me.repairHighlight) {
+            // Roll through all records and highlight all the ones we attempted to drag.
+            Ext.Array.forEach(records, function(record) {
+                // anonymous fns below, don't hoist up unless below is wrapped in
+                // a self-executing function passing in item.
+                var item = view.getNode(record);
+                
+                // We must remove the selected row class before animating, because
+                // the selected row class declares !important on its background-color.
+                fly(item.firstChild).highlight(me.repairHighlightColor, {
+                    listeners: {
+                        beforeanimate: function() {
+                            if (view.isSelected(item)) {
+                                fly(item).removeCls(selectedRowCls);
+                            }
+                        },
+                        afteranimate: function() {
+                            if (view.isSelected(item)) {
+                                fly(item).addCls(selectedRowCls);
+                            }
+                        }
+                    }
+                });
+            });
+        }
+        me.dragging = false;
+    }
+});</pre>
+</body>
+</html>