Network (SAP Library - Web Dynpro for ABAP)

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.

Caution

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

More information:

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

JNet in the Process Monitor

This graphic is explained in the accompanying text

Runtime Class

CL_WD_NETWORK

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
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 the View Designer

Note

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

● AbstractActiveComponent

● UIElement

● ContextMenuProvider

● ViewElement

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_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

Method Handler

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

...

1. Declare a reference to IF_WD_NETWORK_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_NETWORK_TEST.

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.