This sample demonstrates the row drag-and-drop feature in the Gantt Chart. Tasks can be reordered by dragging the drag handle displayed in the left side of the Gantt row. Rows can be dropped at the required position to reorganize the task hierarchy and sequence.
Row drag and drop feature can be enabled by setting allowRowDragAndDrop property as true. In this demo, taskbar drag and drop between rows can be enabled by setting allowTaskbarDragAndDrop as true. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use row, drag and drop feature, inject the RowDD and Edit modules using the Gantt.Inject(RowDD) and Gantt.Inject(Edit)methods. To use selection feature, inject the Selection module using the Gantt.Inject(Selection) method. More information on the Essential® JS2 Gantt Chart can be found in this drag and drop documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.