Example of Resource Multi Taskbar in Blazor Gantt Chart Component

Gantt Chart / Resource / Resource Multi Taskbar

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.

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.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE