Example of taskMode-functional in React Gantt

/
/
Task Mode

The Gantt provides support for automatic and manual task scheduling modes. Scheduling mode of a task is used to indicate whether the start and end dates of a task will be automatically validated or not. Using the property taskMode property controls whether tasks are scheduled automatically, manually, or through a custom mode that maps the scheduling behavior from the data source.

More Details...

Loading....
Description

The Gantt Chart supports three scheduling modes through the taskMode property: Auto, Manual and Custom

  • Auto - All tasks are automatically scheduled, and task dates are validated based on scheduling rules and dependencies.
  • Manual - All tasks are manually scheduled, and task dates are maintained without automatic validation.
  • Custom - The scheduling mode is determined for each task individually using a mapped data source field.

In this sample, taskMode property is set Custom, and the scheduling behavior of each task is mapped using the Manual task field. This allows both automatically scheduled and manually scheduled tasks to coexist within the same project.

Gantt component features are segregated into individual feature-wise modules. To use editing, selection, markers and toolbar features, we need to inject the Edit, Selection, DayMarkers and Toolbar into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this scheduling tasks documentation section.


Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.