Gantt 

You use this UI element to create Gantt Charts. You can display the time schedule of projects and the stages of projects. In particular you can show sequential and parallel work progress steps in one project. A Gantt is similar to a bar chart.

You can also use Web icons in Gantt, by specifying the URL using CL_WD_WEB_ICON=>GET_WEB_ICON_URL( ).

The integration of active controls like Gantt in Web Dynpro ABAP popups is not supported.

More information:

UI Element Gantt

JNet – Introduction for Developers

System Requirements

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.45. Windows and Linux are supported.

Details

Example of the Visual Display: Gantt in cProjects

To enable the development of accessible applications, the tooltip property is not checked during the syntax check.

 

Runtime Class

CL_WD_GANTT

 

Properties in the 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
lookAndFeel	WDUI_LOOK_AND_FEEL	ur	Yes
tooltip	Translatable text		Yes
type	STRING		No
visible	WDUI_VISIBILITY	visible	Yes
width	STRING	300px	Yes

 

Events in the 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

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:

●        AbstractActiveComponents

●        UIElements

●        ContextMenuProviders

●        ViewElements

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.

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
lookAndFeel	LOOK_AND_FEEL	WDUI_LOOK_AND_FEEL
lookAndFeel: frog	CL_WD_GANTT=>E_LOOK_AND_FEEL-FROG
lookAndFeel: java	CL_WD_GANTT=>E_LOOK_AND_FEEL-JAVA
lookAndFeel: ur	CL_WD_GANTT=>E_LOOK_AND_FEEL-UR
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

 

Method Handler

Some properties of the Gantt UI element are set using a method handler, and not in the properties of the UI element. You can access WDDOMODIFYVIEW on the method handler (IF_WD_GANTT_METHODS).

       1.      Declare a reference to IF_WD_GANTT_METHODS in the Attribute section of your view.

       2.      Assign the reference in WDDOMODIFYVIEW.

       3.      Call the method.

You can find an example in the system in component WDR_TEST_EVENTS in the GANTT view

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.