How to round-off or extend edited task in JavaScript Gantt Chart?

In JavaScript 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.   

 
       $(function () {
            $("#GanttContainer").ejGantt({
                dataSource: defaultGanttData,
                //...
                taskbarEditing: function(args){
               args.roundOffDuration = true;
              }
            });
        });

Sample

Please refer the sample link for more information about this.

Conclusion

I hope you enjoyed learning about how to round-off or extend a edited task to the nearest day when dropped at any hour of the day.

You can refer to our JavaScript Gantt feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript Gantt example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!