Example of Resource Multi Taskbar in ASP.NET Core Gantt Chart Control
This sample demonstrates how to visualize a list of tasks assigned to a resource within a collapsed parent row. It also allows modifying task scheduling actions such as dragging, left resizing, and progress editing while keeping the parent row collapsed.
This functionality can be enabled by setting the enableMultiTaskbar property to true
.
This example demonstrates how to enable taskbar drag-and-drop functionality for reassigning tasks between resources vertically by setting the allowTaskbarDragAndDrop property to true. Additionally, you can prevent taskbar overlap within a resource's tasks by disabling the allowTaskbarOverlap property.
In this example, resources are assigned to tasks using predefined resource IDs, allowing efficient task distribution. The resource details are displayed using the LabelSetting labelSetting
property.
You can also perform CRUD operations on resource allocation using toolbar actions, considering availability and task complexity.
The resources and their assigned tasks are grouped into categories. Resources can be mapped using the following resourceFields:.
ID
: Maps the resource ID.
Name
: Maps the resource name.
Unit
: Maps the resource unit.
Group
: Maps the resource group.
Injecting module:
The Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the
Selection
module using the Gantt.Inject(Selection)
method. To use markers, inject the
DayMarkers
module using the Gantt.Inject(DayMarkers)
method.
To edit, inject the Toolbar
module using the Gantt.Inject(Toolbar)
method and Edit
module
using the Gantt.Inject(Edit)
method.