This sample demonstrates hierarchy checkbox selection in the Gantt Chart using self, hierarchy, and filteredHierarchy selection modes.
The hierarchy checkbox selection feature simplifies parent-child selection management by automatically handling descendant propagation and ancestor state calculations. It supports parent selection, child selection, and indeterminate checkbox states without requiring custom implementation. The hierarchy selection behavior can be configured using the hierarchyCheckboxMode property.
The following hierarchy checkbox modes are supported:
self - Selecting or deselecting a checkbox affects only the current row. Parent and child records remain unchanged.
hierarchy - Selecting a parent record automatically selects all descendant records. Child selection updates the corresponding parent state and displays indeterminate states when applicable.
filteredHierarchy - Works similar to hierarchy, but checkbox propagation is applied only to the currently visible records after filtering or searching.
Injecting Module:
Gantt component features are segregated into individual feature-wise modules. To use hierarchy checkbox selection, inject the
Selection Filter Toolbarmodule using the
Gantt.Inject(Selection, Filter, Toolbar) method.
More information on the Essential® React Gantt Chart can be found in this selection documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.