How to round-off or extend a edited task to the nearest day when dropped at any hour of the day

In Gantt, it is possible to drop the edited taskbar in the middle of timescale units. For instance, in the week schedule mode, while editing the taskbar, the user can drop the taskbar either in middle of the day (1.5, 2.5, 2.5 days etc.,) or at the end of the day (1,2, 3 days etc.,).

This behavior can be changed and it is possible to make the taskbar always round off to the end of the timescale unit, in the above instance the taskbar can be made always to round off to the nearest day end while editing. This can be done by enabling the roundOffDuration event argument in “TaskbarEditing” client-side event. This event will be triggered while editing the taskbar.

Please refer the code snippet below to achieve this.

@(Html.EJ().Gantt("GanttContainer")
//...
.ClientSideEvents(cs =>
{
cs.TaskbarEditing("taskbarEditing");
})
.Datasource(ViewBag.datasource)
 
)
@(Html.EJ().ScriptManager())
 
<script type="text/javascript">
 
function taskbarEditing(args) {
args.roundOffDuration = true;
}
 
</script>

Sample

Please refer the Sample link for more information about this