-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Drag and Drop between 2 TreePanels</title>\r
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>Drag and Drop between 2 TreePanels</title>
<link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
<link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
- <script type="text/javascript" src="../../roojs-all.js"></script>
- \r
-<script type="text/javascript" src="two-trees.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../examples.css" />\r
-<style type="text/css">\r
- #tree, #tree2 {\r
- float:left;\r
- margin:20px;\r
- border:1px solid #c3daf9;\r
- width:250px;\r
- height:300px;\r
- overflow:auto;\r
- }\r
- .folder .x-tree-node-icon{\r
- background:transparent url(../../images/default/tree/folder.gif);\r
- }\r
- .x-tree-node-expanded .x-tree-node-icon{\r
- background:transparent url(../../images/default/tree/folder-open.gif);\r
- }\r
- </style>\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->\r
-<h1>Drag and Drop betweens two TreePanels</h1>\r
-<p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p>\r
-<p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p>\r
-<p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p>\r
-<p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p>\r
-<p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p>\r
-\r
-<div id="tree"></div>\r
-<div id="tree2"></div>\r
-\r
-</body>\r
-</html>\r
+ <script type="text/javascript" src="../../roojs-all.js"></script>
+ <script type="text/javascript" src="../../Roo/Tree/TreeDragZone.js"></script>
+ <script type="text/javascript" src="../../Roo/Tree/TreeDropZone.js"></script>
+
+<script type="text/javascript" src="two-trees.js"></script>
+
+<!-- Common Styles for the examples -->
+<link rel="stylesheet" type="text/css" href="../examples.css" />
+<style type="text/css">
+ #tree, #tree2 {
+ float:left;
+ margin:20px;
+ border:1px solid #c3daf9;
+ width:250px;
+ height:300px;
+ overflow:auto;
+ }
+ .folder .x-tree-node-icon{
+ background:transparent url(../../images/default/tree/folder.gif);
+ }
+ .x-tree-node-expanded .x-tree-node-icon{
+ background:transparent url(../../images/default/tree/folder-open.gif);
+ }
+ </style>
+</head>
+<body>
+<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
+<h1>Drag and Drop betweens two TreePanels</h1>
+<p>The TreePanels have a TreeSorter applied in "folderSort" mode.</p>
+<p>Both TreePanels are in "appendOnly" drop mode since they are sorted.</p>
+<p>Drag along the edge of the tree to trigger auto scrolling while performing a drag and drop.</p>
+<p>The data for this tree is asynchronously loaded with a JSON TreeLoader.</p>
+<p>The js is not minified so it is readable. See <a href="two-trees.js">two-trees.js</a>.</p>
+
+<div id="tree"></div>
+<div id="tree2"></div>
+
+</body>
+</html>
projects / roojs1 / commitdiff