Gantt

Use

You use this UI element to create Gantt Charts. You can display the chronological process flow of projects and their substeps. In particular, you can show the sequential and parallel work steps in a project. A Gantt is similar to a bar chart.

Prerequisites

A standard browser and a Java runtime in the form of the Sun plug-in must be installed on the front end. The Java version should be 1.5. Windows and Linux are supported.

Details

Example of the display: Gantt in cProjects

Notes on Accessibility

Since the visualization of Gantt is not adjusted if you set the High Contrast Black theme, you have to ensure the chart complies with accessibility standards. If you want to create an accessible application, make sure that the embedded Gantt has sufficient color contrast.
The tooltip property is not checked in the syntax check.

More information: Accessibility in Web Dynpro ABAP Applications

Runtime Class

CL_WD_GANTT

Properties in View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No
additionalArchives	STRING		No
archive	STRING		No
classId	STRING		No
codeBase	STRING		No
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	No
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		No
dataSource	XSTRING		Mandatory
enabled	WDY_BOOLEAN	true	Yes
height	STRING	300px	Yes
lifeTime	WDUI_LIFE_TIME	whenVisible	Yes
lookAndFeel:	WDUI_LOOK_AND_FEEL	ur	Yes
styleClassName	STRING		Yes
tooltip	Translatable text		Yes
type	STRING		No
visible	WDUI_VISIBILITY	visible	Yes
width	STRING	300px	Yes

Events in View Designer

Name
onCellsSelected
onCellEdited
onColumnAdded
onColumnMoved
onColumnRemoved
onCustomCommand
onEdgeAdded
onEdgePropsChanged
onEdgeRemoved
onEdgeSelected
onFrameSwitched
onGeneric
onGraphAdded
onGraphRemoved
onInitialized
onLayoutChanged
onLinkAdded
onLinkChanged
onLinkRemoved
onModelAdded
onModelDirty
onModelExtracted
onModelSaved
onNodeAdded
onNodeDoubleClicked
onNodePropsChanged
onNodeRemoved
onNodeSelected
onRectangleSelected
onRowAdded
onRowCollapsed
onRowExpanded
onRowMoved
onRowRemoved
onRowSelected
onSelectionChanged
onTraceLevelChanged

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. But note that the spelling format and use of upper/lower case is different.

Dynamic Programming of Properties

View Designer Name	Runtime Name	Type
additionalArchives	ADDITIONAL_ARCHIVES	STRING
archive	ARCHIVE	STRING
classId	CLASS_ID	STRING
codeBase	CODE_BASE	STRING
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_GANTT=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_GANTT=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_GANTT=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
dataSource	DATA_SOURCE	XSTRING
enabled	ENABLED	WDY_BOOLEAN
height	HEIGHT	STRING
lifeTime	LIFE_TIME	WDUI_LIFE_TIME
lifeTime: whenAlive	CL_WD_GANTT=>E_LIFE_TIME-WHEN_ALIVE
lifeTime: whenVisible	CL_WD_GANTT=>E_LIFE_TIME-WHEN_VISIBLE
lookAndFeel:	LOOK_AND_FEEL	WDUI_LOOK_AND_FEEL
lookAndFeel: corbu	CL_WD_GANTT=>E_LOOK_AND_FEEL-CORBU
lookAndFeel: frog	CL_WD_GANTT=>E_LOOK_AND_FEEL-FROG
lookAndFeel: java	lCL_WD_GANTT=>E_LOOK_AND_FEEL-JAVA
lookAndFeel: ur	CL_WD_GANTT=>E_LOOK_AND_FEEL-UR
styleClassName	STYLE_CLASS_NAME	STRING
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
type	TYPE	STRING
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_GANTT=>E_VISIBLE-NONE
visible: visible	CL_WD_GANTT=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

Dynamic Programming of Events

View Designer Name	Runtime Name
onCellsSelected	ON_CELLS_SELECTED
onCellEdited	ON_CELL_EDITED
onColumnAdded	ON_COLUMN_ADDED
onColumnMoved	ON_COLUMN_MOVED
onColumnRemoved	ON_COLUMN_REMOVED
onCustomCommand	ON_CUSTOM_COMMAND
onEdgeAdded	ON_EDGE_ADDED
onEdgePropsChanged	ON_EDGE_PROPS_CHANGED
onEdgeRemoved	ON_EDGE_REMOVED
onEdgeSelected	ON_EDGE_SELECTED
onFrameSwitched	ON_FRAME_SWITCHED
onGeneric	ON_GENERIC
onGraphAdded	ON_GRAPH_ADDED
onGraphRemoved	ON_GRAPH_REMOVED
onInitialized	ON_INITIALIZED
onLayoutChanged	ON_LAYOUT_CHANGED
onLinkAdded	ON_LINK_ADDED
onLinkChanged	ON_LINK_CHANGED
onLinkRemoved	ON_LINK_REMOVED
onModelAdded	ON_MODEL_ADDED
onModelDirty	ON_MODEL_DIRTY
onModelExtracted	ON_MODEL_EXTRACTED
onModelSaved	ON_MODEL_SAVED
onNodeAdded	ON_NODE_ADDED
onNodeDoubleClicked	ON_NODE_DBL_CLK
onNodePropsChanged	ON_NODE_PROPS_CHANGED
onNodeRemoved	ON_NODE_REMOVED
onNodeSelected	ON_NODE_SELECTED
onRectangleSelected	ON_RECTANGLE_SELECTED
onRowAdded	ON_ROW_ADDED
onRowCollapsed	ON_ROW_COLLAPSED
onRowExpanded	ON_ROW_EXPANDED
onRowMoved	ON_ROW_MOVED
onRowRemoved	ON_ROW_REMOVED
onRowSelected	ON_ROW_SELECTED
onSelectionChanged	ON_SELECTION_CHANGED
onTraceLevelChanged	ON_TRACE_LEVEL_CHANGED

Example

You can find an example of this UI element in the system in component WDR_TEST_EVENTS in the GANTT view, and in the component WDR_GANTT_TEST.

More Information

UI Element Gantt

You can find more information about method handler IF_WD_GANTT_METHODS in the system in the system documentation.