Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / bower_components / jqTree / _examples / 03_drag_and_drop.html

diff --git a/ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html b/ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html
new file mode 100644 (file)
index 0000000..f000b28
--- /dev/null
+++ b/ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html
@@ -0,0 +1,44 @@
+---
+title: Javascript tree with drag and drop
+layout: page
+js: examples/drag_and_drop.js
+css: example.css
+---
+
+<p id="nav">
+    <a href="../02_load_json_data_from_server/">&laquo; Example 2</a>
+    <a href="../04_save_state/" class="next">Example 4 &raquo;</a>    
+</p>
+
+<h1>Example 3 - Drag and drop</h1>
+
+<div id="tree1" data-url="/example_data/"></div>
+
+<p>
+   Let's add drag-and-drop support by setting the option <strong>dragAndDrop</strong> to true.
+   You can now drag tree nodes to another position.
+</p>
+
+<p>
+    Other options:
+</p>
+
+<ul>
+    <li>The option <strong>autoOpen</strong> is set to 0 to open the first level of nodes.</li>
+</ul>
+
+<h3>html</h3>
+
+{% highlight html %}
+<div id="tree1" data-url="/example_data/"></div>
+{% endhighlight %}
+
+<h3>javascript</h3>
+
+{% highlight js %}
+var $tree = $('#tree1');
+$tree.tree({
+  dragAndDrop: true,
+  autoOpen: 0
+});
+{% endhighlight %}