You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: angular/Gantt/Resource-Allocation-View.md
+23-23Lines changed: 23 additions & 23 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,17 +1,17 @@
1
1
---
2
2
layout: post
3
-
title: Resource Allocation View
4
-
description: resource allocation view
3
+
title: Resource Allocation view in Angular Gantt Control | Syncfusion
4
+
description: Learn here all about resource allocation view support in Syncfusion Angular TimePicker control, its elements, and more.
5
5
platform: Angular
6
6
control: Gantt
7
7
documentation: ug
8
8
api: /api/js/ejgantt
9
9
---
10
10
11
-
# Resource Allocation View
11
+
# Resource Allocation View in Angular Gantt
12
12
Resource allocation view is used to visualize the resource usage in a project. Resources are displayed in separate rows and all the tasks assigned to a specific resource will be displayed in the chart side. In this view, a user can able to easily identify the overallocation of resources in a project.
The resources and the tasks assigned to those resources can be grouped into categories. The property `groupCollection` is used to define the groups to be displayed in the project. The properties `groupIdMapping` and `groupNameMapping` are used to map the group details.
@@ -152,30 +152,30 @@ export class ResourceComponent {
152
152
153
153
The below screen shot depicts a resource view in a project with 3 groups.
It is possible to add a task dynamically either by using toolbar insert icon or by context menu add option. The below screen shot shows the toolbar add and context menu add options.
When the insert option is clicked, the add dialog will be displayed prompting the user to provide the task details. After providing the task details, when user click the save button without providing the resource information or without assigning any resource to the task, the task will be added at the top by default.
179
179
180
180
N> It is not possible to add a resource to the project dynamically.
181
181
N> A task can be assigned to one or more resource while adding.
@@ -185,12 +185,12 @@ N> A task can be assigned to one or more resource while adding.
185
185
#### Editing a Task
186
186
A task can be edited either by using edit dialog or by mouse interactions. A user can edit a task using edit dialog by performing double click action on the taskbar, user can then edit the task information in the edit dialog.
194
194
195
195
#### Update task values dynamically
196
196
In resource allocation view also, we can update the task details dynamically on any action like external button click by using [`updateRecordByTaskId`](/api/angular/ejgantt#methods:updaterecordbytaskid"updateRecordByTaskId(data)") method. The below code example explains how to use this method in resource allocation view.
@@ -232,11 +232,11 @@ export class ResourceComponent {
232
232
233
233
The below screenshot shows the result of above code example.
User can able to delete a resource and the tasks assigned to it using toolbar and context menu delete options. After selecting the resource row, when clicking the delete toolbar icon, the resource will be removed from the project and the tasks assigned to that resource will be listed in unassigned tasks’ list. The same will happen for context menu delete option.
There may be some instances, where one or more resources are not yet included in the project plan. Therefore, those resources are left with no tasks assigned to them. Those resources are termed as `unassigned resource`. The right side of the resource row will be left blank with no tasks.
@@ -286,7 +286,7 @@ export class ResourceComponent {
286
286
287
287
In the below screen shot, the resource `Nancy Davolio` is the unassigned resource.
290
290
291
291
There may be instances where some tasks are not yet assigned with resources. Those tasks that are not assigned to any resources are termed as unassigned tasks. Unassigned tasks are displayed at bottom, with resource name as `Unassigned Task`. Unassigned tasks can be assigned to any resources in the project.
292
292
The below code snippet shows a task with no resource assigned to it.
@@ -317,9 +317,9 @@ export class ResourceComponent {
317
317
318
318
In the below screen shot, there more instances of unassigned tasks.
321
321
322
322
## Resource Overallocation
323
323
By default, a resource can work 8 hours a work day, but when a resource is forced to work more than 8 hours it is termed as overallocation. Or when a resource is assigned with two or more tasks which is occurring in a same date range, this state is termed as over allocation for a resource. The overlapped tasks are highlighted like in the below screen shot. The overlapped tasks will be displayed one below the other with an overlapped highlighted region.
0 commit comments