Dropdown-Steuerelement in Power Apps

Eine Liste, die nur das erste Element anzeigt, bis der Benutzer sie öffnet.

Beschreibung

Ein Dropdown-Steuerelement ist platzsparend und eignet sich besonders für umfangreiche Listen. Das Steuerelement beansprucht nur eine Zeile, bis der Benutzer den Abwärtspfeil auswählt, um weitere Optionen einzublenden. Das Steuerelement zeigt maximal 500 Elemente an.

Wichtige Eigenschaften

Default – Der Anfangswert eines Steuerelements, bevor der Benutzer einen anderen Wert angibt.

Items – Die Datenquelle, welche die im Steuerelement angezeigten Elemente enthält. Wenn die Quelle mehrere Spalten besitzt, legen Sie die Value-Eigenschaft des Steuerelements auf die Datenspalte fest, die Sie anzeigen möchten.

Value – Die Datenspalte, die Sie im Steuerelement anzeigen möchten (z.B., wenn eine Datenquelle mehrere Spalten besitzt).

Selected – Der Datensatz, der das ausgewählte Element darstellt.

AllowEmptySelection – Ob das Steuerelement keine ausgewählten Elemente haben darf. Bei „false“ gibt es immer ein ausgewähltes Element, das anfänglich das Standardelement oder das erste Element ist.

Zusätzliche Eigenschaften

AccessibleLabel - Bezeichnung für Sprachausgaben.

BorderColor - Die Farbe des Rahmens eines Steuerelements.

BorderStyle - Legt fest, ob der Rahmen eines Steuerelements Durgehend, Gestrichelt, Gepunktet oder Keine ist.

BorderThickness - Die Linienstärke des Rahmens eines Steuerelements.

ChevronBackground – Die Farbe im Hintergrund des Abwärtspfeils einer Dropdownliste.

ChevronFill – Die Farbe des Abwärtspfeils in einer Dropdownliste.

Color – Die Farbe des Texts in einem Steuerelement.

DisplayMode - Legt fest, ob das Steuerelement Benutzereingaben zulässt (Bearbeiten), ob nur Daten angezeigt werden (Anzeigen) oder ob das Steuerelement deaktiviert ist (Deaktiviert).

DisabledBorderColor: Die Farbe des Steuerelementrahmens, wenn die DisplayMode-Eigenschaft des Steuerelements auf Deaktiviert festgelegt ist.

DisabledColor: Die Farbe des Texts in einem Steuerelement, wenn seine DisplayMode-Eigenschaft auf Deaktiviert festgelegt ist.

DisabledFill: Die Hintergrundfarbe eines Steuerelements, wenn dessen DisplayMode-Eigenschaft auf Deaktiviert festgelegt ist.

Fill - Die Hintergrundfarbe eines Steuerelements.

FocusedBorderColor - Die Rahmenfarbe eines Steuerelements, wenn das Steuerelement der Fokus ist.

FocusedBorderThickness - Die Rahmendicke eines Steuerelements, wenn das Steuerelement der Fokus ist.

Font – Der Name der Schriftfamilie des angezeigten Texts.

FontWeight – Die Schriftbreite des Texts in einem Steuerelement: Fett, Halbfett. Normal oder Jeller.

Height - Die Entfernung zwischen dem oberen und unteren Rand eines Steuerelements.

HoverBorderColor – Die Rahmenfarbe eines Steuerelements, wenn der Benutzer den Mauszeiger über das Steuerelement hält.

HoverColor – Die Farbe des Texts in einem Steuerelement, wenn der Benutzer den Mauszeiger über ihm hält.

HoverFill – Die Hintergrundfarbe eines Steuerelements, wenn der Benutzer den Mauszeiger über ihm hält.

Italic – Legt fest, ob der Text in einem Steuerelement kursiv formatiert ist.

OnChange  – Auszuführende Aktionen, wenn der Benutzer den Wert eines Steuerelements ändert (z. B. per Schieberegler).

OnSelect – Auszuführende Aktionen, wenn der Benutzer auf ein Steuerelement tippt oder klickt.

PaddingBottom – Der Abstand zwischen dem Text in einem Steuerelement und dem unteren Rand des Steuerelements.

PaddingLeft – Der Abstand zwischen dem Text eines Steuerelements und dem linken Rand des Steuerelements.

PaddingRight – Der Abstand zwischen dem Text eines Steuerelements und dem rechten Rand des Steuerelements.

PaddingTop – Der Abstand zwischen dem Text eines Steuerelements und dem oberen Rand des Steuerelements.

PressedBorderColor – Die Rahmenfarbe eines Steuerelements, wenn der Benutzer auf das Steuerelement tippt oder klickt.

PressedColor – Die Farbe des Texts in einem Steuerelement, wenn der Benutzer auf das Steuerelement tippt oder klickt.

PressedFill – Die Hintergrundfarbe eines Steuerelements, wenn der Benutzer auf das Steuerelement tippt oder klickt.

Reset – Gibt an, ob ein Steuerelement auf seinen Standardwert zurückgesetzt wird.

SelectedText (veraltet) – Ein Zeichenfolgenwert, der das ausgewählte Element darstellt. Verwenden Sie stattdessen Dropdown1.SelectedText.Value, ersetzen Sie „Dropdown1“ durch den Namen des Dropdown-Steuerelements in der App.

SelectionColor – Die Textfarbe des ausgewählten Elements oder der Elemente in einer Liste oder die Farbe des Auswahltools in einem Stift-Steuerelement.

SelectionFill – Gibt die Hintergrundfarbe der ausgewählten Elemente in einer Liste oder eines ausgewählten Bereichs des Stift-Steuerelements an.

Size – Der Schriftgrad des Texts, der in einem Steuerelement angezeigt wird.

Strikethrough – Legt fest, ob der in einem Steuerelement angezeigte Text durchgestrichen ist.

TabIndex: Navigationsreihenfolge der Tastatur in Bezug auf andere Steuerelemente.

Tooltip - Erklärender Text, der angezeigt wird, wenn der Benutzer auf ein Steuerelement zeigt.

Underline – Legt fest, ob der in einem Steuerelement angezeigte Text unterstrichen ist.

Visible - Gibt an, ob ein Steuerelement angezeigt wird oder ausgeblendet ist.

Width - Der Abstand zwischen dem linken und rechten Rand eines Steuerelements.

X – Der Abstand zwischen dem linken Rand eines Steuerelements und dem linken Rand des übergeordneten Containers (vom Bildschirm, wenn kein übergeordneter Container vorhanden ist).

Y – Der Abstand zwischen dem oberen Rand eines Steuerelements und dem oberen Rand des übergeordneten Containers (Vom Bildschirm, wenn kein übergeordneter Container vorhanden ist).

Beispiele

Einfache Liste

1. Fügen Sie ein Drop-down-Steuerelement hinzu, und legen Sie seine Elemente-Eigenschaft auf diesen Ausdruck fest:

   ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

   Möchten Sie wissen, wie Sie ein Steuerelement hinzufügen, benennen und konfigurieren?

2. Zeigen Sie die Elemente in der Liste an, indem Sie auf den Abwärtspfeil des Steuerelements klicken und gleichzeitig die ALT-Taste drücken.

Liste aus einer Datenquelle

Die Prinzipien in diesem Verfahren gelten für jede Datenquelle, die Tabellen enthält, aber um diese Schritte genau auszuführen, müssen Sie eine Umgebung öffnen, für die eine Datenbank für Microsoft Dataverse erstellt wurde und Beispieldaten hinzugefügt wurden.

1. Öffnen einer leeren App und, dann geben Sie die Konten Tabelle an.

2. Fügen Sie ein Dropdown-Steuerelement hinzu, und legen Sie seine Items-Eigenschaft auf diese Formel fest:

   Distinct(Accounts, 'Address 1: City')

   Diese Formel zeigt alle Städte in dem Element Konten (Accounts) an. Wenn mehr als ein Datensatz die gleiche Stadt besitzt, versteckt die Distinct-Funktion die Duplizierung in Ihrem Dropdown-Steuerelement.

3. (optional) Benennen Sie Ihr Dropdown-Steuerelement in Cities um, fügen Sie ein vertikales Katalog-Steuerelement hinzu, und legen Sie die Items-Eigenschaft des Katalogs auf diese Formel fest:

   Filter(Accounts, address1_city = Cities.Selected.Result)

   Diese Filter-Funktion zeigt nur die Datensätze in der Tabelle Konten, bei denen die Stadt zu dem ausgewählten Wert im Steuerelement Cities passt.

Richtlinien für Barrierefreiheit

Farbkontrast

Zwischen den folgenden Eigenschaften muss es einen ausreichenden Farbkontrast geben:

• ChevronFill und ChevronBackground
• ChevronHoverFill und ChevronHoverBackground
• SelectionColor und SelectionFill
• SelectionFill und Fill

Dies ist ein Zusatz zu den Standardanforderungen für Farbkontraste.

Screenreadersupport

• AccessibleLabel muss vorhanden sein.

Tastaturunterstützung

• TabIndex muss gleich Null oder größer sein, damit Tastaturbenutzer dorthin navigieren können.
• Fokusindikatoren müssen deutlich sichtbar sein. FocusedBorderColor und FocusedBorderThickness können Ihnen dabei helfen.