tree
addobject.com
Drag and Drop Between Tree and Other HTML Element.
NlsTree Professional - Advanced Javascript Tree Control
   

This examples shows drag and drop between tree and tree to other html element such as input box or textarea..

 Expand All Collapse All
 Expand All Collapse All

  • To reorder node, select node(s), press SHIFT key and drag and drop the selected node(s) on target node.
  • To make a node a child of target node, just drag a node and drop it on target node.
    Note that it is possible to reverse the operation by specifying shiftToReorder property in drag drop handler to false.
  • To drag drop to other HTML element, click a node, drag and drop it on textbox or textarea on the right.
  • NlsTree supports multiple select. Use CTRL/SHIFT + Mouse Click to select multiple nodes.
  • NlsTree supports auto expand feature, when dragging a node over a collapsed node, the node will be expanded.
  • NlsTree supports auto scroll feature, when dragging node to top or bottom area of the tree container, the auto scroll will be activated.
  • Drag and drop can be enable/disable at node level.
  • Note: Drag & drop feature is not supported on IE4.0.