Example of Split Tasks in Javascript Gantt Chart Control

/
/
Split Tasks

This sample demonstrates the split tasks support in the Gantt Chart. This support allows an interruption in the task due to circumstances such as the occurrence of an unplanned event or reprioritization of already planned events. Sometimes a task may be interrupted due to unexpected situations. In such situtations, the pending work can be split into segments and the work can be resumed at a different date.

More Details...

1
Project Schedule
2/4/20254/18/202554 days63
2
Planning
2/4/20252/19/202512 days75
3
Plan timeline
2/4/20252/19/202510 days60
4
Plan budget
2/4/20252/17/202510 days90
5
Allocate resources
2/4/20252/18/202510 days75
6
Planning complete
2/19/20252/19/20250 days03FS,5FS
7
Design
2/20/20253/5/202510 days85
8
Software Specification
2/20/20252/26/20255 days606FS
9
Develop prototype
2/20/20252/27/20255 days1006FS
10
Get approval from customer
2/28/20253/5/20254 days1009FS
11
Design complete
3/5/20253/5/20250 days010FS
12
Implementation
3/6/20253/20/202511 days75
13
Develop core modules
3/6/20253/13/20255 days8011FS
14
Integrate modules
3/14/20253/20/20255 days7013FS
15
Implementation review
3/20/20253/20/20250 days014FS
16
Testing
3/21/20254/4/202511 days40
17
Unit testing
3/21/20253/26/20253 days5015FS
18
Integration testing
3/27/20254/1/20254 days4017FS
19
User acceptance testing
4/2/20254/4/20253 days3018FS
20
Testing complete
4/4/20254/4/20250 days019FS
21
Deployment
4/7/20254/11/20255 days15
22
Configure environment
4/7/20254/8/20252 days2020FS
23
Deploy application
4/9/20254/11/20252 days1022FS
24
Deployment verification
4/11/20254/11/20250 days023FS
25
Training
4/14/20254/17/20254 days10
26
User training
4/14/20254/15/20252 days1024FS
27
Admin training
4/14/20254/17/20253 days1024FS
28
Training complete
4/17/20254/17/20250 days026FS,27FS
29
Client Review
4/18/20254/18/20251 day028FS
30
Project Handover
4/18/20254/18/20250 days029FS
Project Schedule
63%
Planning
75%
Plan timeline
60%
Plan budget
90%
Allocate resources
75%
Planning complete
Design
85%
Software Specification
60%
Develop prototype
100%
Get approval from customer
100%
Design complete
Implementation
75%
Develop core modules
80%
Integrate modules
70%
Implementation review
Testing
40%
Unit testing
50%
Integration testing
40%
User acceptance testing
30%
Testing complete
Deployment
15%
Configure environment
20%
Deploy application
10%
Deployment verification
Training
10%
User training
10%
Admin training
10%
Training complete
Client Review
0%
Project Handover
Description

The split tasks can be called the segments of a task. A task can be split into any number of segments with a minimum of one time unit cell. Segments can be defined in the taskFields.segments property. Segments can be created or merged by two ways: Using Edit Dialog and Context Menu. A task must have a duration of minimum two time unit cells in order to be split. Similarly, milestone tasks or parent tasks cannot be split into segments. More information on the Essential® JS2 Gantt Chart can be found in this documentation section.