Blazor Gantt Chart Example - Split Task Management
ID | Name | Start Date | End Date | Duration | Progress | Dependency |
|---|
| 1 | Project initiation | 3/29/2022 | 4/19/2022 | 16 days | 40 | |
| 2 | Identify site location | 3/29/2022 | 4/8/2022 | 8 days | 30 | |
| 3 | Site analyze | 3/29/2022 | 4/11/2022 | 8 days | 50 | |
| 4 | Perform soil test | 4/11/2022 | 4/18/2022 | 5 days | 40 | 2FS |
| 6 | Project estimation | 4/8/2022 | 4/19/2022 | 8 days | 40 | |
| 5 | Soil test approval | 4/1/2022 | 4/18/2022 | 12 days | 20 | |
| 7 | Develop floor plan for estimation | 4/18/2022 | 4/18/2022 | 0 days | 30 | 4FS |
| 8 | List materials | 4/1/2022 | 4/11/2022 | 6 days | 30 | |
| 9 | Estimation approval | 4/12/2022 | 4/18/2022 | 4 days | 30 | 8FS |
| 10 | Building approval | 4/12/2022 | 4/18/2022 | 5 days | 0 | |
| 11 | Construction initiation | 4/1/2022 | 4/13/2022 | 9 days | 40 | |
| 12 | Ground floor initiation | 4/5/2022 | 4/12/2022 | 5 days | 40 | |
| 13 | First floor initiation | 4/5/2022 | 4/13/2022 | 7 days | 40 | |
| 14 | Electric work initiation | 4/1/2022 | 4/8/2022 | 5 days | 40 | |
| 15 | Plumbing work | 4/4/2022 | 4/8/2022 | 5 days | 40 |
Mar 23, 2022 | Mar 27, 2022 | Apr 03, 2022 | Apr 10, 2022 | Apr 17, 2022 | Apr 24, 2022 | May 01, 2022 | May 08, 2022 |
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 split tasks feature in the Blazor Gantt Chart, which allows tasks to be divided into multiple segments. This is useful in scenarios where work is interrupted due to unexpected events or shifting priorities, enabling tasks to be paused and resumed on different dates.
Split tasks are represented as segments, and each task can be split into multiple segments, with a minimum of one time unit per segment. Segments are defined in the data source and mapped using the GanttSegmentFields component.
Segments can be created or merged using either the Edit Dialog or the Context Menu.
Segments can be mapped using the GanttSegmentFields component with the following properties and event:
PrimaryKey- Maps the segment's primary identifier.ForeignKey- Maps the associated task ID.StartDate- Maps the segment's start date.EndDate- Maps the segment's end date.Duration- Maps the duration of the segment.OnSegmentUpdate- Maps segment event.
To enable splitting, a task must span at least two distinct time unit cells. Note that milestone tasks and parent tasks cannot be split into segments.
The toolbar provides add, update, delete, expand, collapse and zooming operations, enabling interactive task management.
For further details, refer to the documentation.