Example of Resource Multi Taskbar in Blazor Gantt Chart Component
This example provides a comprehensive explanation of the process for visualizing a list of tasks assigned to a resource within a collapsed parent row. Additionally, it outlines the capability to modify task scheduling while in the collapsed state. This functionality can be enabled by setting the EnableMultiTaskbar property of GanttTaskbarSettings to true.
ID | Name | Work (Hours) | Progress | Start Date | End Date |
|---|
| -2 | Martin Tamer | 112 Hours | 41 | 3/29/2019 | 4/12/2019 |
| -3 | Rose Fuller | 98 Hours | 35 | 4/1/2019 | 4/12/2019 |
| -4 | Margaret Buchanan | 180 Hours | 45 | 4/1/2019 | 4/18/2019 |
| -5 | Fuller King | 180 Hours | 40 | 4/1/2019 | 4/9/2019 |
| -6 | Davolio Fuller | 180 Hours | 40 | 4/3/2019 | 4/18/2019 |
| -7 | Fuller Buchanan | 120 Hours | 50 | 4/4/2019 | 4/15/2019 |
| -8 | Jack Davolio | 120 Hours | 50 | 4/8/2019 | 4/17/2019 |
| -9 | Tamer Vinet | 120 Hours | 50 | 4/4/2019 | 4/15/2019 |
| -10 | Vinet Fuller | 120 Hours | 50 | 4/10/2019 | 4/18/2019 |
| -11 | Bergs Anton | 60 Hours | 50 | 4/12/2019 | 4/17/2019 |
| -1 | Unassigned Tasks | 90 Hours | 40 | 4/4/2019 | 4/11/2019 |
Mar 24, 2019 | Mar 31, 2019 | Apr 07, 2019 | Apr 14, 2019 |
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 |
This example demonstrates the ability to facilitate vertical drag-and-drop of taskbars between different resources by setting the AllowTaskbarDragAndDrop property of GanttTaskbarSettings to true.
In this demo, the resource assignment collection includes both resource IDs and task IDs to facilitate the mapping of resources to tasks. The resource information can be displayed using the TaskLabel property of the GanttLabelSettings. Using the toolbar action, you can perform CRUD operations for resource allocation based on availability and task complexity.
Resources can be mapped using the GanttResource component with the following properties:
Id- Maps the resource ID.Name- Maps the resource name.MaxUnits- Maps the resource units.DataSource- Maps the resource data source.
Resource assignments can be mapped using the GanttAssignmentFields component with the following properties:
PrimaryKey- Maps the primary key.TaskID- Maps the task ID.ResourceID- Maps the resource ID.DataSource- Maps the resource assignment data source.