onTaskDrag
Description
Срабатывает, когда пользователь перетаскивает задачу
onTaskDrag: (id: string | number, mode: string, task: Task, original: Task, e: Event) => void;
Parameters
id- (required) string | number - идентификатор задачиmode- (required) string - режим перетаскивания ("resize", "progress", "move", "ignore")task- (required) Task - текущий (перетаскиваемый) объект задачиoriginal- (required) Task - исходный (первоначальный) объект задачиe- (required) Event - нативный объект события
Example
gantt.attachEvent("onTaskDrag", function(id, mode, task, original){
// любая ваша логика здесь
});
Related samples
- Перетащить родительскую задачу вместе с её дочерними задачами
- Ограничить даты перетаскивания и отпускания
Details
The event:
- Вызывается каждый раз, когда пользователь выполняет перемещение мыши в области временной шкалы: перемещает, изменяет размер задачи или прогресс задачи.
- Тип перемещения, используемого при перетаскивании, передаётся как второй аргумент - mode.
- Все доступные значения типа перемещения перетаскивания хранятся в свойстве drag_mode.
Кратко, всё происходит в следующем порядке:
- Пользователь выполняет перемещение.
- dhtmlxGantt перерасчитывает дату задачи в соответствии с новым положением.
- dhtmlxGantt возбуждает событие onTaskDrag.
- dhtmlxGantt повторно отрисовывает задачу на диаграмме Ганта.
Related API
Related Guides
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.