Example of Toolbar Template in Javascript Gantt Chart Control

Toolbar Template

This sample explains the way of rendering built-in and custom toolbar items at the same time.

More Details...


Custom toolbar items can be added by defining the toolbar as a collection of ItemModels. Actions for this customized toolbar items are defined in the toolbarClick event. In this sample, the custom toolbar element Quick Filter and Clear Filter is rendered along with predefined toolbar items ExpandAll and CollapseAll. While clicking the Quick Filter toolbar item, the filtering occurs for Task Namecolumn.Filtered column can be cleared using Clear Filter toolbar item. Injecting Module: Gantt control features are segregated into individual feature-wise modules.To use a selection, inject the Selection module using the Gantt.Inject(Selection) method.To use a filter, inject the Filter module using the Gantt.Inject(Filter) method.To use a toolbar, inject the Toolbar module using the Gantt.Inject(Toolbar) method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.