dragDropScope

Specifies the drag-and-drop scope for the TreeView control. Useful when it is needed to drag and drop external elements to and from the TreeView, like another TreeView control or custom HTML elements.

If not specified, a unique scope will be used, which will limit the valid drag-and-drop operations to nodes within this TreeView only.

<ul id="treeview">
    <li>My Project
        <ul>
            <li id="someid">js</li>
            <li>css</li>
        </ul>
        <li>index.html<li>
        <li>upload.php<li>
    </li>
</ul>

<script type="text/javascript">
    jQuery(function ($) {
        $("#treeview").shieldTreeView({
            dragDrop: true,
            dragDropScope: "custom-dd-scope",
            events: {
                drop: function(e) {
                    console.log("dropping " + this.getPath(e.sourceNode) + 
                        " on " + this.getPath(e.targetNode));
                }
            }
        });
    });
</script>

Check this example for a live demo of TreeView drag-and-drop scope.