Example of Drag And Drop in Javascript Tree Grid Control

Drag and Drop within Tree Grid

This sample demonstrates the Tree Grid component with the row drag and drop feature within same Tree Grid. It provides the way to drop the row, above, below or child to the target row with the respective to the target row position.

More Details...


Row drag and drop enabled by setting allowRowDragAndDrop property as true. Injecting Module: Tree Grid features are segregated into individual feature-wise modules. To use drag and drop feature, we need to inject Reorder module using TreeGrid.Inject(RowDD) method. More information about Row Drag And Drop configuration can be found in this documentation section.