This sample demonstrates how the Gantt Chart supports Work Breakdown Structure (WBS) codes, including automatic updates to WBS codes and predecessors. It ensures data consistency during common operations like sorting, filtering, editing, and drag and drop making project tracking more structured and reliable.
The Work Breakdown Structure (WBS) is a hierarchical numbering system used to represent each task's position within the overall project structure. By enabling the enableWBS property, the Gantt Chart generates WBS codes and WBS predecessors for all tasks. By default, the enableAutoWbsUpdate property is set to false. To ensure WBS codes remain accurate after actions such as sorting, filtering, editing, or drag and drop, set this property to true. When enableAutoWbsUpdate is enabled, WBS codes are recalculated automatically whenever the task hierarchy changes. This maintains consistency and structural clarity throughout the project lifecycle. This example showcases how enabling WBS along with automatic updates enhances task tracking and provides a clear, organized project view. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use selection, toolbar, markers, editing, filtering, sorting, context menu features, inject the Selection, Toolbar, DayMarkers, Edit, Filter, Sort and ContextMenu modules using the Gantt.Inject(Selection), Gantt.Inject(Toolbar), Gantt.Inject(DayMarkers), Gantt.Inject(Edit), Gantt.Inject(Filter), Gantt.Inject(Sort) and Gantt.Inject(ContextMenu) methods. More information on the Essential® JS2 Gantt Chart can be found in this documentation section.