This sample visualizes the manned lunar mission, which landed the first human on the Moon using the Apollo 11 spacecraft in the year 1969. This sample demonstrates the Filtering feature available in Gantt chart. You can filter a particular column using filter menu available in the columns. This sample is also enabled with toolbar searching option, using which you can filter the Gantt content across all the columns.
The filtering feature enables the user to view a reduced amount of records based on filter criteria. The column
menu filtering can be enabled by setting allowFiltering property as true
, and the toolbar
search box can be enabled by including the search item in the toolbar
property.
Gantt supports the following filter types. They are:
Menu
Excel
hierarchyMode
property. The following are the types of filter modes available in Gantt chart:
Parent
- This is the default filter hierarchy mode in Gantt chart. The filtered records are displayed with their parent records. If the filtered records do not have any parent record, then the filtered record alone will be displayed.Child
- The filtered records are displayed with their child records. If the filtered records do not have any child record, then only the filtered records are displayed.Both
- The filtered records are displayed with both parent and child records. If the filtered records do not have any parent or child record, then only the filtered records are displayed.None
- Only the filtered records are displayed.
Gantt component features are segregated into individual feature-wise modules. To use the filtering feature, inject the Filter
module. To enable toolbar support, inject the Toolbar
module. To enable selection, inject the Selection
module.