jQuery treeTable Plugin Documentation

Multiple droppables

This example uses the jQuery UI components Draggable and Droppable to create a tree that can be manipulated by dragging and dropping of the nodes. You can drag a node by clicking on it's title and drag it to a different position. This behavior requires a bit more coding than the simple trees above, but it is still pretty straight-forward. The code for this example is listed below. The most interesting line in this code, from the plugin's point of view is $($(ui.draggable).parents("tr")).appendBranchTo(this);. Here the appendBranchTo function is called to move the selected branch to a new location.