DropDownBox

Aufklappbare Liste von Optionen, aus denen nur eine ausgewählt werden kann.

Symbol
Menüband	Start > Steuerelemente > Ein-/Ausgabe > Listen > DropDownBox

Über das Steuerelement "DropDownBox" wird ein Element aus einer Liste ausgewählt. Die Auswahlliste klappt erst auf Bedieneraktion auf. Nach der Auswahl wird der Listeneintrag im Eingabefeld der DropDownBox angezeigt. Die DropDownBox hat eine Anbindung an eine Prozessvariable. Mit der Auswahl wird der Prozesswert dieser Variable verändert. Andersherum steuert aber auch der Prozesswert die Auswahl.

DropDownBox mit geöffneter Auswahlliste und drei Listeneinträgen

Das Steuerelement unterstützt folgende Funktionalität:

Anbindung an eine spezifische Prozessvariable für die Datenquelle
Darstellung einer aufklappbaren Auswahlliste mit Listeneinträgen zur Auswahl eines Variablenwertes
Darstellung eines sprachumschaltbaren Textes für die Beschriftung
Darstellung eines sprachumschaltbaren Textes für das Eingabefeld
Darstellung von Grafiken im Steuerelement
Anbindung an die Benutzerverwaltung zur Sperrung der Bedienbarkeit
Darstellung des Hintergrunds, des Rahmens, des Schattens etc.
Farbliche Darstellung des Hintergrunds, des Rahmens, des Textes etc., auch in Abhängigkeit vom Zustand des Steuerelements

Diese Funktionalitäten können Sie über die Eigenschaften im Fenster Eigenschaften konfigurieren, wenn Sie das Steuerelement im Designer oder in der Dokumentgliederung markieren. Ob eine Eigenschaft im Eigenschaftenfenster sichtbar ist, hängt vom Style des Steuerelements ab.

Standardmäßig verwendet das Steuerelement den Style "Plain.Default". Weitere System-Styles stehen für das Steuerelement in der Eigenschaft "Style" aus der Kategorie "Allgemeine Eigenschaften" zur Verfügung.

Bei gestylten Steuerelementen können bestimmte Eigenschaften im Fenster Eigenschaften fehlen. Zum Beispiel steht für Steuerelemente in den System-Styles keine Kategorie "Colors" zur Verfügung. Diese Eigenschaften sind in den System-Styles nicht editierbar.

Sie können auch eigene Styles für das Steuerelement erstellen. Diese Styles stehen nach der Erstellung in der Eigenschaft "Style" zur Auswahl.

Das Steuerelement besteht aus einer Reihe weiterer Elemente. Sowohl das Steuerelement selbst als auch seine Elemente können über die Eigenschaften des Steuerelements konfiguriert werden. Eigenschaften für ein Unterelement des Steuerelements sind in der Regel in der Kategorie zu finden, die den Namen dieses Elements trägt.

Beispiel: Die Eigenschaften zur Konfiguration des Elements "Label" finden Sie im Fenster Eigenschaften in der Kategorie "Label", wenn Sie das Steuerelement im Designer oder in der Dokumentgliederung markieren.

Die DropDownBox und ihre Elemente

Die DropDownBox enthält standardmäßig drei Listeneinträge (Elemente vom Typ "DropDownBoxItem").

Um weitere DropDownBoxItems zur Auswahlliste hinzuzufügen oder vorhandene zu entfernen, rufen Sie über die Schaltfläche hinter der Eigenschaft "MenuItems" den Collection Editor auf.

Das DropDownBoxItem unterstützt folgende Funktionalität:

Verknüpfung über die Eigenschaft "Value" mit einem Wert der in der DropDownBox angegebenen Prozessvariablen. Der zur Laufzeit durch den Bediener ausgewählte Listeneintrag schreibt diesen Wert zur Variablen. Der durch die SPS gesetzte Variablenwert wählt wiederum den mit diesem Wert verknüpften Listeneintrag aus.
Darstellung eines sprachumschaltbaren Textes im Steuerelement
Darstellung einer Grafik im Steuerelement
Anbindung an die Benutzerverwaltung zur Sperrung der Bedienbarkeit

Die DropDownBox beinhaltet ein Eingabefeld (Input), das den selektierten Listeneintrag anzeigt. Ist zur Laufzeit kein Listeneintrag ausgewählt, dann wird der für den Input angegebene Text angezeigt. Dieser Text wird über die Eigenschaften "InputText" bzw. "LocalizableInputText" in der Kategorie "Input" festgelegt.

Wird der Style der DropDownBox zurückgesetzt, dann kann über Eigenschaften der Kategorie "Input" zusätzlich Folgendes konfiguriert werden:

Breite und Höhe des Elements "InputContainer" (InputContainerWidth, InputContainerHeight)
Breite und Höhe des Elements "Input" (InputWidth, InputHeight). Die Höhe wird automatisch auch für den übergeordneten "InputFieldContainer" übernommen.
Äußere Abstände des Elements "InputField" (InputFieldMargin). Die Werte für links und rechts setzen dabei automatisch die inneren Abstände für das Element "Input".

Mit dem Wert für Links der Eigenschaft "InputFieldMargin" können Sie die Eingabe weiter nach rechts verschieben.

InputFieldMargin für links von 8 px (Standardeinstellung) und 24 px
Rahmen um das Element "Input" (InputBorderRadius, InputBorderStyle, InputBorderWidth)
Textschrift und Zeilenhöhe im Element "InputText" (InputFontClass, InputTextContrast, InputUppercase, InputFontSize, InputFontWeight, InputLineHeight)

Wie die Elemente strukturell zusammenhängen und welche Eigenschaften sich auf welches Element auswirken, zeigt die folgende Abbildung:

Der InputContainer und seine Elemente

Verwandte Themen:

Layout