diff options
author | 2017-02-07 15:03:57 -0500 | |
---|---|---|
committer | 2017-02-07 15:05:15 -0500 | |
commit | 4ad39a5c96dd99acf819ce189b13fec946d7506b (patch) | |
tree | a1449286441947cc3d07a45227fa0d6f978e1a7d /ecomp-portal-FE/client/bower_components/jqTree/_examples/03_drag_and_drop.html | |
parent | 5500448cbd1f374d0ac743ee2fd636fe2d3c0027 (diff) |
Initial OpenECOMP Portal commit
Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77
Signed-off-by: talasila <talasila@research.att.com>
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 %} |