[VUE 3] Linking two stores in gantt

[pedro_softplan]

Hi, I wanna know if is it possible to connect a Time Range to a Task.

For example, when user updates the task start date OR end date, it should cause a update in the Time Range start date, commiting to the store and consequently being sent in Sync update.

All my time ranges have 0 duration, so it won`t affect the end date.

If not possible to do this automatically, what is the best approach to recalculate the new date for the Time Range and updating it to be sent in the Sync payload?

[tasnim]

Hi,

You might listen to https://bryntum.com/products/gantt/docs/api/Gantt/data/TaskStore#event-change event for event changes and then you can make changes of the timerange inside of that event.

Could you please explain a bit more about your use case? why do you need to connect the time range to the task? Maybe we can suggest a better approach after knowing that!

[pedro_softplan]

Basically, the Time Ranges will be the user's project milestone dates. The reason we chose Time Ranges is because Bryntum Milestones are not visible on the X-axis of the timeline dates, making it difficult to see the milestone dates.

This way, we want the Time Ranges to have some connection with the tasks.

Example: The "Ready-made foods" milestone has a link to the "Buy food" task. This milestone must end 1 day after the end of the "Buy food" task.

The question is, if I reschedule the "buy food" task, I need the milestone date to be changed as well.

[alex.l]

Hi,

making it difficult to see the milestone dates.

How exactly it makes difficult to see dates? Maybe we will find better approach.

According to your solution, nothing automated to sync timeRanges and tasks. You only might track changes and update stores accordingly, as Tasnim recommended.

[pedro_softplan]

Lets say we have this gantt:

milestone.png (66.77 KiB) Viewed 162 times

If I had hundreds of tasks, my milestone (circled in red) would not be visible in the entire schedule. But the time range (circled in orange), is visible thoughout my entire Y-axis, no matter how deep I navigate.

[alex.l]

In this case, it works same for milestones and tasks, you just need to have pinned information about milestones.
I was thinking about labels feature, in this case it won't do the job as you need.
https://bryntum.com/products/gantt/docs/api/Gantt/feature/Labels
https://bryntum.com/products/gantt/examples/labels/