HTMLContainer
Use
UI elements HTMLContainer and HTMLIsland enable customer-defined HTML, JavaScript, and CSS sources to be integrated into Web Dynpro ABAP applications. This integration enables you to enhance standard Web Dynpro with new components.
Using HTMLContainers you can integrate HTML or JavaScript-based UI controls into your Web Dynpro application (for example, an enhanced UI control for processing formatted text), or enhancing Web Dynpro UI elements with HTML (for example, a Table with a background image).
Using the CONTENT aggregation you can insert HTMLFragments into the HTMLContainer. This means you can integrate entire HTML source code or HTML fragments that contain other contents into a Web Dynpro application. HTMLContainer creates HTML on the server side. The content of the HTMLContainers is completely rebuilt with each server roundtrip.
Context attributes are provided in HTMLContainer using the DATA_ELEMENTS aggregation. It is also possible to declare events to be triggered by the HTML application and processed by Web Dynpro Framework.
More Information:HTML Integration
Implementation Details
|
Runtime class: |
CL_WD_HTML_CONTAINER |
Properties in View Designer
|
Name |
Type |
Initial Value |
Bindable |
|---|---|---|---|
|
STRING |
(automatic) |
No |
|
|
WDUI_CONTEXT_MENU_BEHAVIOUR |
inherit |
No |
|
|
WDY_MD_UI_ELEMENT_REFERENCE |
No |
||
|
WDY_BOOLEAN |
true |
Yes |
|
|
STRING |
Yes |
||
| styleClassName | STRING | Yes | |
|
Translatable text |
Yes |
||
|
WDUI_VISIBILITY |
visible |
Yes |
|
|
STRING |
Yes |
Aggregations in the View Designer
|
Name |
Cardinality |
Type |
|---|---|---|
|
0..n |
||
|
0..n |
JSONData |
|
|
0..n |
||
|
0..n |
||
|
0..n |
Use
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.
|
View Designer Name |
Runtime Name |
Type |
|---|---|---|
|
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 |
|
|
CONTEXT_MENU_ID |
WDY_MD_UI_ELEMENT_REFERENCE |
|
|
ENABLED |
WDY_BOOLEAN |
|
|
HEIGHT |
STRING |
|
| styleClassName | STYLE_CLASS_NAME | STRING |
|
TOOLTIP |
WDY_MD_TRANSLATABLE_TEXT |
|
|
VISIBLE |
WDUI_VISIBILITY |
|
|
visible: none |
CL_WD_C_TABLE=>E_VISIBLE-NONE |
|
|
visible: visible |
CL_WD_C_TABLE=>E_VISIBLE-VISIBLE |
|
|
WIDTH |
STRING |
|
View Designer Name |
Runtime Name |
Cardinality |
|---|---|---|
|
CONTENT |
0..n |
|
|
DATA_ELEMENTS |
0..n |
|
|
EVENTS |
0..n |
|
|
SCRIPTS |
0..n |
|
|
STYLES |
0..n |
Example
For tests, component WDR_TEST_HTML_ELEMENT is provided in the system.