Example of undefined in React Gantt Component

All Controls
/
Gantt
/
GanttUndoRedo

This example showcases the undo-redo functionality within the Gantt Chart, offering users the flexibility to revert or reapply their latest actions on the Gantt Chart.

More Details...

1
Product concept
4/2/20244/8/20245 days18
2
Defining the product and its usage
4/2/20244/4/20243 days30
3
Defining target audience
4/2/20244/4/20243 days0
4
Prepare product sketch and notes
4/5/20244/8/20242 days302FS
5
Concept approval
4/8/20244/8/20240 days03FS,4FS
6
Market research
4/9/20244/18/20248 days15
7
Demand analysis
4/9/20244/12/20244 days15
8
Customer strength
4/9/20244/12/20244 days305FS
9
Market opportunity analysis
4/9/20244/12/20244 days05FS
10
Competitor analysis
4/15/20244/18/20244 days307FS
11
Product strength analsysis
4/15/20244/18/20244 days09FS
12
Research complete
4/18/20244/18/20240 days010FS
13
Product design and development
4/19/20245/16/202420 days13
14
Functionality design
4/19/20244/23/20243 days3012FS
15
Quality design
4/19/20244/23/20243 days012FS
16
Define reliability
4/24/20244/25/20242 days3015FS
17
Identifying raw materials
4/24/20244/25/20242 days015FS
18
Define cost plan
4/26/20244/29/20242 days15
19
Manufacturing cost
4/26/20244/29/20242 days3017FS
20
Selling cost
4/26/20244/29/20242 days017FS
21
Development of the final design
4/30/20245/8/20247 days8
22
Defining dimensions and package volume
4/30/20245/1/20242 days3019FS,20FS
23
Develop design to meet industry standards
5/2/20245/3/20242 days022FS
24
Include all the details
5/6/20245/8/20243 days023FS
25
CAD computer-aided design
5/9/20245/13/20243 days3024FS
26
CAM computer-aided manufacturing
5/14/20245/16/20243 days025FS
27
Design complete
5/16/20245/16/20240 days026FS
28
Prototype testing
5/17/20245/22/20244 days3027FS
29
Include feedback
5/17/20245/22/20244 days028SS
30
Manufacturing
5/23/20245/29/20245 days3028FS,29FS
31
Assembling materials to finsihed goods
5/30/20246/5/20245 days030FS
32
Feedback and testing
6/6/20246/13/20246 days47
33
Internal testing and feedback
6/6/20246/10/20243 days4531FS
34
Customer testing and feedback
6/11/20246/13/20243 days5033FS
35
Final product development
6/14/20246/19/20244 days30
36
Important improvements
6/14/20246/19/20244 days3034FS
37
Address any unforeseen issues
6/14/20246/19/20244 days3036SS
38
Final product
6/20/20247/1/20248 days15
39
Branding product
6/20/20246/25/20244 days037FS
40
Marketing and presales
6/26/20247/1/20244 days3039FS
Product concept
Defining the product and its usage
Defining target audience
Prepare product sketch and notes
Concept approval
Market research
Demand analysis
Customer strength
Market opportunity analysis
Competitor analysis
Product strength analsysis
Research complete
Product design and development
Functionality design
Quality design
Define reliability
Identifying raw materials
Define cost plan
Manufacturing cost
Selling cost
Development of the final design
Defining dimensions and package volume
Develop design to meet industry standards
Include all the details
CAD computer-aided design
CAM computer-aided manufacturing
Design complete
Prototype testing
Include feedback
Manufacturing
Assembling materials to finsihed goods
Feedback and testing
Internal testing and feedback
Customer testing and feedback
Final product development
Important improvements
Address any unforeseen issues
Final product
Branding product
Marketing and presales
Description

Undo feature enables users to revert the most recent action performed in the Gantt Chart. It helps in undo the changes made to tasks, dependencies, or other elements within the Gantt Chart.

Redo feature can reapply an action that was previously undone using the Undo feature. This allows users to revert their decision to undo an action.

To undo a recent action, you can either press the Undo keyboard shortcut(Ctrl + Z) or click on the Undo toolbar option. To reapply an action that was undone, you can use the Redo keyboard shortcut(Ctrl + Y) or click on the Redo toolbar option.

You can specify the actions to be restored using undoRedoActions property, such as Edit, Add, Delete, Sorting, ColumnReorder, ColumnResize, Search, Filtering, ZoomIn, ZoomOut, ZoomToFit, ColumnState, Indent, Outdent, RowDragAndDrop, TaskbarDragAndDrop, PreviousTimeSpan, NextTimeSpan.

Additionally, you can also define number of undo/redo actions that should be stored. This setting can be adjusted using the undoRedoStepsCount property. By default undoRedoStepsCount value is 10.

In this demo, the Undo-Redo feature is enabled by setting enableUndoRedo to true.

Gantt features are segregated into individual feature-wise modules. To use column menu feature, we need to inject UndoRedo module into the services.