Network

This UI element is a generic editor of network graphics. You use it to display everything that can be visualized as nodes and connections between nodes.

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

For more information, see:

Method handler IF_WD_NETWORK_METHODS

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

Details

Example of the Visual Display

JNet in the Process Monitor

NETWORK

Runtime Class

CL_WD_NETWORK

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
layout	WDUI_NETWORK_LAYOUT	standard	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 View Designer

Name
onCustomCommand
onEdgeAdded
onEdgePropsChanged
onEdgeRemoved
onEdgeSelected
onFrameSwitched
onGeneric
onGraphAdded
onGraphRemoved
onInitialized
onLayoutChanged
onLinkAdded
onLinkChanged
onLinkRemoved
onModelAdded
onModelDirty
onModelExtracted
onModelSaved
onNodeAdded
onNodeDoubleClicked
onNodePropsChanged
onNodeRemoved
onNodeSelected
onRectangleSelected
onSelectionChanged
onTraceLevelChanged

Note

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

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_NETWORK=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_NETWORK=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_NETWORK=>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
layout	LAYOUT	WDUI_NETWORK_LAYOUT
layout standard	CL_WD_NETWORK=>E_LAYOUT-STANDARD
layout yworks	CL_WD_NETWORK=>E_LAYOUT-YWORKS
lookAndFeel:	LOOK_AND_FEEL	WDUI_LOOK_AND_FEEL
lookAndFeel: frog	CL_WD_NETWORK=>E_LOOK_AND_FEEL-FROG
lookAndFeel: java	CL_WD_NETWORK=>E_LOOK_AND_FEEL-JAVA
lookAndFeel: ur	CL_WD_NETWORK=>E_LOOK_AND_FEEL-UR
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
type	TYPE	STRING
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_NETWORK=>E_VISIBLE-NONE
visible: visible	CL_WD_NETWORK=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

Dynamic Programming of Events

View Designer Name	Runtime Name
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
onSelectionChanged	ON_SELECTION_CHANGED
onTraceLevelChanged	ON_TRACE_LEVEL_CHANGED

Example

You can find examples of this UI element in the system in the Web Dynpro application WDR_TEST_UI_ELEMENTS, in the component WDR_TEST_EVENTS in the NETWORK view, and in the component WDR_NETWORK_TEST.