4 <meta http-equiv=
"X-UA-Compatible" content=
"IE=edge">
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=iso-8859-1">
6 <meta name=
"viewport" content=
"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
7 <title>Tree Custom Drop Logic Example
</title>
8 <link rel=
"stylesheet" type=
"text/css" href=
"../shared/examples.css" />
13 <script type=
"text/javascript" src=
"../shared/include-ext.js"></script>
14 <script type=
"text/javascript" src=
"../shared/options-toolbar.js"></script>
15 <script type=
"text/javascript" src=
"custom-drop-logic.js"></script>
18 <h1>Custom Tree Drop Logic
</h1>
19 <p>This example shows how to apply custom logic to valid dropping on nodes
</p>
22 <li>Child
1 can be dropped on both nodes.
</li>
23 <li>Child
2 can be dropped only on the first node.
</li>
24 <li>Child
3 can be dropped only on the second node.
</li>
25 <li>Child
4 cannot be dropped on either node.
</li>
28 <p>The js is not minified so it is readable. See
<a href=
"custom-drop-logic.js">custom-drop-logic.js
</a>.
</p>
30 <div id=
"tree-div"></div>