This sample demonstrates binding self-referential data to the Gantt Chart using the parentID field to define parent-child task relationships.
This sample demonstrates how to bind self-referential flat data to the Gantt component. Self-referential data uses a parentID field to establish hierarchical relationships between tasks, allowing flat data structures to be displayed as hierarchical task trees. In this example, a flat collection of task records is converted into a hierarchical structure by mapping the ParentID field. This enables the Gantt Chart to display parent and child tasks without requiring a nested data source. The Gantt Chart supports binding data from local collections or remote services through the DataManager property. Here, a local array of JavaScript objects is used as the data source. Injecting Module: Gantt component features are segregated into individual feature-wise modules. To use selection feature, inject the Selection module using the Gantt.Inject(Selection) method. To use markers feature, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method. More information on the Essential® JS2 Gantt Chart can be found in this data binding documentation section. Looking for the full JavaScript Gantt Chart component overview, features, pricing, and documentation? Visit the JavaScript Gantt Chart page.