HTMLIsland

Verwendung

Die UI-Elemente HTMLIsland und HTMLContainer ermöglichen es, kundeneigene HTML-, JavaScript- und CSS-Quellen in Web-Dynpro-ABAP-Anwendungen zu integrieren. Dadurch können Sie das Standard Web Dynpro um neue Bestandteile erweitern.

Mithilfe der HTMLIsland können Sie interaktive zustandsbehaftete Inhalte (z.B. Diagramme) in Ihre Web-Dynpro-Anwendungen einbetten.

Über die Eigenschaft staticHtml können Sie statischen HTML-Quellcode eingeben. Die HTMLIsland erzeugt HTML auf Client-Seite. Dadurch bleibt der Inhalt der HTMLIsland am Client stabil und wird nicht bei jedem Server-Rountrip neu aufgebaut.

Context-Attribute werden in der HTMLIsland über die Aggregation DATA_ELEMENTS zur Verfügung gestellt. Außerdem ist es möglich, Ereignisse zu deklarieren, die von der HTML-Anwendung ausgelöst und vom Web-Dynpro-Framework verarbeitet werden sollen.

Implementierungsdetails

Laufzeit-Klasse:

CL_WD_HTML_ISLAND

Eigenschaften im View Designer

Name	Typ	Anfangswert	Bindbar
id	STRING	(automatisch)	nein
contextMenuBehaviour	WDUI_CONTEXT_MENU_BEHAVIOUR	inherit	nein
contextMenuId	WDY_MD_UI_ELEMENT_REFERENCE		nein
enabled	WDY_BOOLEAN	true	ja
height	STRING	400px	ja
staticHtml	STRING		ja
styleClassName	STRING		ja
tooltip	übersetzbarer Text		ja
visible	WDUI_VISIBILITY	visible	ja
width	STRING	400px	ja

Aggregationen im View Designer

Name	Kardinalität	Typ
DATA_ELEMENTS	0..n	JSONData
EVENTS	0..n	HtmlIslandEvent
SCRIPTS	0..n	HtmlScript
STYLES	0..n	HtmlStyle

Hinweis

Weitere Eigenschaften, die über Vererbung bereit stehen, sind in den dazugehörigen übergeordneten Klassen definiert. Die dazugehörigen Oberflächenelemente sind:

Dynamische Programmierung

Für die dynamische Programmierung stehen dieselben Eigenschaften, Ereignisse und Aggregationen zur Verfügung wie im View Designer. Beachten Sie dabei die unterschiedlichen Schreibweisen.

View Designer Name	Laufzeitname	Typ
contextMenuBehaviour	CONTEXT_MENU_BEHAVIOUR	WDUI_CONTEXT_MENU_BEHAVIOUR
contextMenuBehaviour: inherit	CL_WD_C_TABLE=>E_CONTEXT_MENU_BEHAVIOUR-INHERIT
contextMenuBehaviour: provide	CL_WD_C_TABLE=>E_CONTEXT_MENU_BEHAVIOUR-PROVIDE
contextMenuBehaviour: suppress	CL_WD_C_TABLE=>E_CONTEXT_MENU_BEHAVIOUR-SUPPRESS
contextMenuId	CONTEXT_MENU_ID	WDY_MD_UI_ELEMENT_REFERENCE
enabled	ENABLED	WDY_BOOLEAN
height	HEIGHT	STRING
styleClassName	STYLE_CLASS_NAME	STRING
tooltip	TOOLTIP	WDY_MD_TRANSLATABLE_TEXT
visible	VISIBLE	WDUI_VISIBILITY
visible: none	CL_WD_C_TABLE=>E_VISIBLE-NONE
visible: visible	CL_WD_C_TABLE=>E_VISIBLE-VISIBLE
width	WIDTH	STRING

View Designer Name	Laufzeitname	Kardinalität
DATA_ELEMENTS	DATA_ELEMENTS	0..n
EVENTS	EVENTS	0..n
SCRIPTS	SCRIPTS	0..n
STYLES	STYLES	0..n

Einschränkungen

Führen Sie Web-Dynpro-Anwendungen, die UI-Elemente zur Integration von HTML verwenden, immer im Standards-Modus des Browsers aus. Setzen Sie dazu den Anwendungsparameter WDPREFERREDRENDERING auf den Wert STANDARDS. Weitere Informationen finden Sie unter Applikationsparameter und URL-Parameter.
HTMLIslands dürfen nur in Containern mit scrollingMode gleich none verwendet werden.

Beispiel

Für Tests steht Ihnen die Component WDR_TEST_HTML_ELEMENT im System zur Verfügung.

Weitere Informationen

HTML-Integration