dragAndDrop : BooleanDefault: undefined

Enables drag and drop functionality for each node.

Examples

Material Design

    
 <h3>Drag and Drop Tree Nodes</h3>
 <div id="tree"></div>
 <script>
     $('#tree').tree({
         dataSource: '/Locations/Get',
         dragAndDrop: true
     });
 </script>

Bootstrap 3

    
 <div class="container">
     <h3>Drag and Drop Tree Nodes</h3>
     <div id="tree"></div>
 </div>
 <script>
     $('#tree').tree({
         dataSource: '/Locations/Get',
         dragAndDrop: true,
         uiLibrary: 'bootstrap'
     });
 </script>

Bootstrap 4

    
 <div class="container">
     <h3>Drag and Drop Tree Nodes</h3>
     <div id="tree"></div>
 </div>
 <script>
     $('#tree').tree({
         dataSource: '/Locations/Get',
         dragAndDrop: true,
         uiLibrary: 'bootstrap4'
     });
 </script>