This sample demonstrates all the events that occur on all the Gantt operations with the help of Event Trace panel.
|
|
|
|
The Gantt triggers events based on its actions. The events can be used as an extension point to perform custom operations. In this demo, perform Gantt actions such as load, created, dataBound, toolbarClick, beforeTooltipRender, actionBegin, actionComplete, cellEdit, endEdit, taskbarEditing, taskbarEdited, rowSelecting, rowSelected, rowDeselecting, rowDeselected, columnDragStart, columnDrag, columnDrop, expanding, expanded, collapsing, collapsed, columnMenuClick, columnMenuOpen, contextMenuClick, contextMenuOpen, resizeStart, resizing, resizeStop, splitterResizeStart, splitterResizing, splitterResized, recordDoubleClick, onTaskbarClick and see the Event Trace panel for the events emitted. 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 sorting feature, inject the Sort module using the Gantt.Inject(Sort) method. To use reorder column feature, inject the Reorder module using the Gantt.Inject(Reorder) method. To use resize column width feature, inject the Resize module using the Gantt.Inject(Resize) method. To use contextmenu feature, inject the Contextmenu module using the Gantt.Inject(Contextmenu) method. To use columnmenu feature, inject the ColumnMenu module using the Gantt.Inject(ColumnMenu) method. To use toolbar feature, inject the Toolbar module using the Gantt.Inject(Toolbar) method. To use edit feature, inject the Edit module using the Gantt.Inject(Edit) 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 documentation section.