examples/tree/organizer.html
authorAlan Knowles <alan@akbkhome.com>
Wed, 2 Nov 2011 08:28:07 +0000 (16:28 +0800)
committerAlan Knowles <alan@akbkhome.com>
Wed, 2 Nov 2011 08:28:07 +0000 (16:28 +0800)
examples/tree/organizer.html

index 85eb199..496522b 100644 (file)
@@ -1,32 +1,34 @@
-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Organizing Images into Albums</title>\r
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+<title>Organizing Images into Albums</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>   
+      <script type="text/javascript" src="../../Roo/tree/TreeEditor.js"></script>   
+      <script type="text/javascript" src="../../Roo/tree/TreePanel.js"></script>   
+
   
-  \r
-<script type="text/javascript" src="organizer.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../examples.css" />\r
-\r
-<link rel="stylesheet" type="text/css" href="organizer.css" />\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->\r
-<h1>Organizing Images into Albums</h1>\r
-<p>This example shows demonstrates how you can drop anything into the tree.</p>\r
-<p>This example also shows how a customized DragZone can be \r
-applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p>\r
-<p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.\r
-<p>For simplicity, there is no validation on the names you enter in the tree node editor and you can drag the same picture \r
-into an album as many times as you want.</p>   \r
-<p>Hold shift/control to select multiple images in the main images view. You can drag those images into the tree.</b>\r
-\r
-<div id="layout"></div>\r
-<br /><br /><br /><br /><br />\r
-</body>\r
-</html>\r
+<script type="text/javascript" src="organizer.js"></script>
+
+<!-- Common Styles for the examples -->
+<link rel="stylesheet" type="text/css" href="../examples.css" />
+
+<link rel="stylesheet" type="text/css" href="organizer.css" />
+</head>
+<body>
+<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
+<h1>Organizing Images into Albums</h1>
+<p>This example shows demonstrates how you can drop anything into the tree.</p>
+<p>This example also shows how a customized DragZone can be 
+applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p>
+<p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.
+<p>For simplicity, there is no validation on the names you enter in the tree node editor and you can drag the same picture 
+into an album as many times as you want.</p>   
+<p>Hold shift/control to select multiple images in the main images view. You can drag those images into the tree.</b>
+
+<div id="layout"></div>
+<br /><br /><br /><br /><br />
+</body>
+</html>