DayPilot.Gantt - collapsing large task tree

Hi Leo,

In the latest sandbox build (2024.4.6201), you can now use the rows.collapseAll() method to collapse all rows of the Gantt chart with a single update.

Hi Dan,

That’s great, thank you so much!

Would it also be possible to avoid the refresh in the classic row.collapse() as well? Collapsing all items is one of the main use cases, but we also try to provide functionality to collapse all rows of a certain type, hence need to manually iterate over the tree and only close items as needed.

Cheers!

Another option is to go through the task tree and set expanded: false for the selected nodes. Then you can all update() to refresh the Gantt chart.

Hi Dan,

Would you have an example or documentation for setting expanded: false?

I only see row.expanded() as a function, which immediately triggers the refresh. expanded does neither appear to exist on the gantt.tasks.list or when doing a Task.find(), nor in TS?

Sorry, it’s not expanded: false, but collapsed: true. It’s defined for the row property of the source data object.

You can access the source data object using tasks.list or as data property of DayPilot.Task [returned by tasks.find()].

If the row property is not defined, you need to create it.

const task = gantt.tasks.find(1);
if (!task.data.row) {
  task.data.row = {};
}
task.data.row.collapsed = true;

Perfect! Thank you so much! :)