Dynamic FlexBox

GET_DYNAMIC_FLEX_BOX

Mit der Methode GET_DYNAMIC_FLEX_BOX bekommt man über die ControlID die Instanz der Dynamic-Flex-Box zurück und hat dann Zugriff auf die Eigenschaften der Dynamic-Flex-Box.

Eine solche Flex-Box ist ein Container für andere Controls, die dann dynamisch angezeigt werden.

Attribute im Designer

AttributBeschreibungStandardwert
controlIdEindeutige Id der KomponenteWird automatisch generiert
widthDefiniert die Breite des Controls100%
heightDefiniert die Höhe des Controls
backgroundDesignDefiniert das Aussehen des Hintergrunds mit möglichen Werten: Solid, Transparent, TranslucentTransparent
directionRichtung der FlexBox mit möglichen Werten: Row, Column, RowReverse, ColumnReverse, InheritColumn
alignContentSpezifiziert, wie der Inhalt ausgerichtet werden soll, wenn an der Querachse Platz über ist. Mögliche Werte: Start, End, Center, SpaceBetween, SpaceAround, Stretch, InheritStretch
alignItemsSpezifiziert die Ausrichtung der Items an der Querachse. Mögliche Werte: Start, End, Center, Baseline, Stretch, InheritStretch
justifyContentSpezifiziert die Ausrichtung der Items an der Hauptachse. Mögliche Werte: Start, End, Center, SpaceBetween, SpaceAround, InheritEnd
renderTypeBestimmt, wie das Layout gerendert werden soll. Mögliche Optionen: Div, List, BareDiv
fitContainerBestimmt, ob die Größe der FlexBox so gewählt werden soll, dass sie komplett in ihren Container (also Parent) passtfalse
wrapSpezifiziert das Wrapping-Verhalten. Mögliche Optionen: NoWrap, Wrap, WrapReverseNoWrap
visibleGibt an, ob die Komponente angezeigt werden solltrue
spanSGibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen12
spanMGibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen12
spanLGibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen12
spanXLGibt die Breite des Controls im Grid-Layout an. Definiert, wie viele Spalten eingenommen werden sollen12
MethodeBeschreibung
ADD_ITEMHinzufügen eines bereits bestehenden Controls
GET_ITEMLesen eines Controls anhand der ID
GET_ITEMSLesen aller Controls
REMOVE_ITEMEntfernen eines Controls anhand der ID
REMOVE_ITEMSEntfernen aller Controls aus der Flex-Box

Code-Beispiel

FlexBox
DATA(lo_flex_box) = me->get_dynamic_flex_box( 'dynamicFlexBox' ).
lo_flex_box->remove_items(  ).

Entfernt alle Items aus der FlexBox.

Geerbte Methoden von

CONTROL

Vererbt an

Keine

Implementiert das Interface

Keines

Methoden

ADD_ITEM

Hinzufügen eines bereits bestehenden Controls.

ÜbergabeparameterTypStandardwertBeschreibung
IO_ITEMControlHinzuzufügendes Control
RückgabeparameterTypBeschreibung
RO_CONTROLDynamic Flex BoxReferenz zu this, um Methodenverkettung zu erlauben

GET_ITEM

Lesen eines Controls aus der Flex-Box anhand der ID.

ÜbergabeparameterTypStandardwertBeschreibung
IV_CONTROL_IDStringID des auszulesenden Controls
RückgabeparameterTypBeschreibung
RO_ITEMControlAuszulesendes Control aus der Flex-Box

GET_ITEMS

Lesen aller Controls aus der Dynamic-Flex-Box.

RückgabeparameterTypBeschreibung
RT_ITEMSMT_ITEMSAlle Items in der Flex-Box

REMOVE_ITEM

Entfernen einer Control anhand einer ID.

ÜbergabeparameterTypStandardwertBeschreibung
IV_CONTROL_IDStringID des zu löschenden Controls
RückgabeparameterTypBeschreibung
RO_CONTROLControlReferenz auf die Dynamic-Flex-Box

REMOVE_ITEMS

Entfernen aller Controls aus der Flex-Box.

RückgabeparameterTypBeschreibung
RO_CONTROLControlReferenz auf die Dynamic-Flex-Box