diff options
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html')
-rw-r--r-- | ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html | 44 |
1 files changed, 44 insertions, 0 deletions
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 index 00000000..f000b285 --- /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/">« Example 2</a> + <a href="../04_save_state/" class="next">Example 4 »</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 %} |