Blazor Gantt Chart Example - Task Scheduling Modes
ID | Name | Task Mode | Start Date | End Date | Duration | Progress |
|---|
| 1 | Parent task 1 | Manual | 4/4/2021 | 4/6/2021 | 3 days | 35 |
| 2 | Child task 1 | Auto | 4/2/2021 | 4/5/2021 | 2 days | 30 |
| 3 | Child task 2 | Manual | 4/2/2021 | 4/6/2021 | 5 days | 40 |
| 4 | Child task 3 | Auto | 4/2/2021 | 4/6/2021 | 3 days | 30 |
| 5 | Parent task 2 | Manual | 4/2/2021 | 4/8/2021 | 7 days | 33 |
| 6 | Child task 1 | Auto | 4/2/2021 | 4/5/2021 | 2 days | 30 |
| 7 | Child task 2 | Auto | 4/2/2021 | 4/7/2021 | 4 days | 40 |
| 8 | Child task 3 | Manual | 4/2/2021 | 4/6/2021 | 5 days | 30 |
| 9 | Child task 4 | Manual | 4/2/2021 | 4/3/2021 | 2 days | 30 |
| 10 | Parent task 3 | Auto | 4/2/2021 | 4/8/2021 | 5 days | 24 |
| 11 | Child task 1 | Auto | 4/2/2021 | 4/6/2021 | 3 days | 30 |
| 12 | Child task 2 | Auto | 4/2/2021 | 4/8/2021 | 5 days | 0 |
| 13 | Child task 3 | Auto | 4/2/2021 | 4/5/2021 | 2 days | 30 |
| 14 | Child task 4 | Manual | 4/2/2021 | 4/5/2021 | 4 days | 40 |
| 15 | Child task 5 | Auto | 4/2/2021 | 4/8/2021 | 5 days | 30 |
Mar 27, 2021 | Mar 28, 2021 | Apr 04, 2021 | Apr 11, 2021 | Apr 18, 2021 | Apr 25, 2021 | May 02, 2021 | May 09, 2021 | May 16, 2021 | May 23, 2021 | May 30, 2021 | Jun 06, 2021 | Jun 13, 2021 | Jun 20, 2021 | Jun 27, 2021 | Jul 04, 2021 |
S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M |
This sample demonstrates the ability of the Blazor Gantt Chart to support both automatic and manual task scheduling modes. A task�s scheduling mode
determines whether its start and end dates are automatically validated. Use the TaskMode property to
switch between modes as needed. The TaskMode property accepts the following enumeration values
AutoManualCustom
When the TaskMode property is set to Auto scheduling mode, all the tasks in the project will be rendered as automatically scheduled tasks. Thus the start and end dates of the tasks in the project will be automatically validated.
When the TaskMode property is set to Manual scheduling mode, all the tasks in the project will be rendered with dates as they are in the data source. Thus the dates of the tasks will not get validated automatically by the system.
When the TaskMode property is set to Custom, the scheduling mode for each task will be mapped from the data source field. The property Manual of GanttTaskFields is used to map the scheduling mode field from the data source.
For further details, refer to the documentation.