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.
ID | Task Name | Work | Progress | Start Date | Duration | UniqueID |
|---|---|---|---|---|---|---|
| R-1 | Martin Tamer | 40.00 hours | 30 | 3/29/2024 | 5 days | 0 |
| T-2 | Identify site location | 10.00 hours | 30 | 3/29/2024 | 1.25 days | 1 |
| T-3 | Perform soil test | 20.00 hours | 30 | 4/1/2024 | 2.5 days | 2 |
| T-4 | Soil test approval | 10.00 hours | 30 | 4/3/2024 | 1.25 days | 3 |
| R-2 | Rose Fuller | 130.00 hours | 30 | 4/1/2024 | 13.25 days | 4 |
| T-6 | Develop floor plan for estimation | 30.00 hours | 30 | 4/1/2024 | 3.75 days | 5 |
| T-7 | List materials | 40.00 hours | 30 | 4/2/2024 | 5 days | 6 |
| T-8 | Estimation approval | 60.00 hours | 30 | 4/8/2024 | 7.5 days | 7 |
| R-3 | Margaret Buchanan | 224.00 hours | 24 | 4/1/2024 | 24 days | 8 |
| T-10 | Install temporary power service | 112.00 hours | 30 | 4/1/2024 | 14 days | 9 |
| T-11 | Clear the building site | 72.00 hours | 30 | 4/17/2024 | 9 days | 10 |
| T-12 | Sign contract | 40.00 hours | 0 | 4/26/2024 | 5 days | 11 |
| R-4 | Fuller King | 48.00 hours | 20 | 4/1/2024 | 7 days | 12 |
| T-14 | Excavate for foundations | 16.00 hours | 30 | 4/1/2024 | 2 days | 13 |
| T-15 | Dig footer | 16.00 hours | 0 | 4/4/2024 | 2 days | 14 |
| T-16 | Install plumbing grounds | 16.00 hours | 30 | 4/8/2024 | 2 days | 15 |
| R-5 | Davolio Fuller | 64.00 hours | 15 | 4/3/2024 | 8 days | 16 |
| T-18 | Add load-bearing structure | 16.00 hours | 30 | 4/3/2024 | 2 days | 17 |
| T-19 | Natural gas utilities | 32.00 hours | 0 | 4/5/2024 | 4 days | 18 |
| T-20 | Electrical utilities | 16.00 hours | 30 | 4/11/2024 | 2 days | 19 |
Mar 24, 2024 | Mar 31, 2024 | Apr 07, 2024 | Apr 14, 2024 | Apr 21, 2024 | Apr 28, 2024 | May 05, 2024 | May 12, 2024 | May 19, 2024 | May 26, 2024 | Jun 02, 2024 | Jun 09, 2024 | Jun 16, 2024 | Jun 23, 2024 | Jun 30, 2024 | Jul 07, 2024 | Jul 14, 2024 | Jul 21, 2024 |
|---|
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 | 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 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 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: Map 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, markers, toolbar and edit inject the SelectionService , DayMarkersService , ToolbarService , EditService into the @NgModule.providers section respectively.