Drag-and-Drop Editing
The Gantt provides a directive that enables you to edit tasks through drag-and-drop operations. This feature allows you to move tasks to different positions on the timeline, resize tasks from the corners, and update their completion percentage.
Basic Concepts
To enable task editing through drag-and-drop operations, apply the kendoGanttTaskDrag
directive to the <kendo-gantt>
element. This directive allows you to drag tasks to different positions on the timeline, resize tasks from the corners, and update their completion percentage. The Gantt will emit the taskDragEnd
event with data for the edited item, the new start and end date, and the completion ratio. Handle the taskDragEnd
event to update the tasks accordingly.
The following example demonstrates how to use the kendoGanttTaskDrag
directive and handle the taskDragEnd
event to update the tasks.