Перейти к основному содержимому

onTaskDrag

Description​

Срабатывает, когда пользователь перетаскивает задачу

onTaskDrag: (id: string | number, mode: string, task: Task, original: Task, e: Event) => void;

Parameters​

  • id - (required) string | number - id задачи
  • 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){
    //любая ваша логика здесь
});

Details​

Это событие происходит каждый раз, когда пользователь перетаскивает мышь в области timeline, чтобы переместить, изменить размер задачи или обновить прогресс задачи. Тип перетаскивания указывается во втором аргументе - mode. Все возможные значения режима перетаскивания можно найти в файле drag_mode.

Вкратце процесс выглядит так:

  1. Пользователь начинает действие перетаскивания.
  2. dhtmlxGantt пересчитывает даты задачи на основе нового положения.
  3. dhtmlxGantt вызывает событие onTaskDrag.
  4. dhtmlxGantt обновляет отображение задачи на диаграмме Ганта.