Moving all connected tasks at once preserving dependencies offset

[Dmitry Vorobyev]

Hi,

Is there a way of moving all connected tasks (changing their start and end dates respectively) when a task is dragged (or its start and end dates are changed in another way)? In other words, we'd like to preserve dependencies' offset once they are added to the chart.

Thanks.

[Logeswari Gopalakrishnan]

Hi Dmitry, 

 

We have analyzed your query and by default while move taskbar ,its all connected tasks are moved automatically. It is our default behavior . please confirm us is this your requirement or explain your query with more details.  

 

We have attached video for query you asked. Please find the below link. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/dependecy1616946262 

 

Regards, 

Logeswari G 

[Dmitry Vorobyev]

Thank you for your answer. Sorry I forgot to mention that, accordingly to https://www.syncfusion.com/forums/154616/set-non-zero-offset-for-a-dependency-to-avoid-moving-tasks , we have set

<GanttComponent id='Editing'   

  //... 

  enablePredecessorValidation ={false}>          

GanttComponent> 

I think this is the reason why we lost the ability to move the tasks all at once.

So essentially the requirements are as follows:

1. When two tasks are being connected, do not move them, but set the dependency's offset to a certain value (that's what enablePredecessorValidation ={false} caters for).
2. But when one of connected tasks is being moved, move them all at once preserving the dependencies' offsets.

Is this scenario possible?

Thanks!

[Logeswari Gopalakrishnan]

Hi Dmitry, 

  

Yes, it is possible to move connected task on taskbar editing actions by setting isInPredecessorValidation as true in taskbarEditing event. Please find the below code snippet. 

  

<GanttComponent id='Editing' ref={gantt => this.ganttInstance = gantt}  

taskbarEditing={this.taskbarEditingEvent.bind(this)}> 

…//// 

</GanttComponent> 

  

this.taskbarEditingEvent = function (args) {  

         this.ganttInstance.isInPredecessorValidation = true; 

        }; 

  

Please find the below sample link. 

  

Sample link: https://stackblitz.com/edit/react-6lscfc-gdt32q?file=index.js 

  

Please let us know if you need further details on this. 

  

Regards, 

Logeswari G