Update a Task Event

hendrixback

I cannot understand how to fetch the new date (start and end) when I update a task.

Imagine a task has 2 weeks for duration. If I move the right side 1 week more I should get the end date (so that I can persist on the backend)

const init = (api: { exec(arg0: string, arg1: (ev: any) => void): unknown; on: (arg0: string, arg1: (ev: any) => void) => void; }) => { api.on("drag-task", ev => { console.log("The id of the dragged task:", ev.id); }); };

I am doing this But I can only get the ID of the task I moved. I need to have the new dates.

Thanks

tasha

Hello

To have the new dates of the tasks you need to apply the init handler init={(api) => (apiRef.current = api)} to get access to the Gantt API in such a way:

<Willow>
      <Gantt
        init={(api) => (apiRef.current = api)}
        ref={apiRef}
        tasks={tasks}
        links={links}
        scales={scales}
      />
    </Willow>

And after that you need to use the update-task action to keep track the latest changes of the task including dates:

 useEffect(() => {
    if (apiRef.current) {
      apiRef.current.on("update-task", (event) => {
        console.log("event:", event);
        console.log("start date", event.task.start);
      });
    }
  }, [apiRef.current]);

hendrixback

Perfect. This solved. Thank you