Übung – Sammlungen verwenden und Tabellen bearbeiten

  • 15 Minuten

In dieser Übung üben Sie die Verwendung von Tabellen. Sie erstellen eine Sammlung, filtern die Sammlung, führen eine Suche in der Sammlung durch, bearbeiten einen Datensatz in der Sammlung, fügen einen Datensatz zu einer Sammlung hinzu und entfernen einen Datensatz aus der Sammlung.

Die Datensammlung erstellen

  1. Melden Sie sich bei Power Apps an.

  2. Wählen Sie auf dem Startbildschirm im Navigationsbereich links + Erstellen aus. Wählen Sie dann Leere App aus.

    Wählen Sie abschließend unter der leeren Canvas-App die Option Erstellen aus.

  3. Benennen Sie Ihre App, und wählen Sie Erstellen aus.

  4. Wählen Sie die Registerkarte Einfügen aus, fügen Sie eine Schaltfläche hinzu, und legen Sie deren Eigenschaft OnSelect auf diese Formel fest:

    ClearCollect(CityPopulations, 
{City:"London", Country:"United Kingdom", Population:8615000}, 
{City:"Berlin", Country:"Germany", Population:3562000}, 
{City:"Madrid", Country:"Spain", Population:3165000}, 
{City:"Rome", Country:"Italy", Population:2874000}, 
{City:"Paris", Country:"France", Population:2273000}, 
{City:"Hamburg", Country:"Germany", Population:1760000}, 
{City:"Barcelona", Country:"Spain", Population:1602000}, 
{City:"Munich", Country:"Germany", Population:1494000}, 
{City:"Milan", Country:"Italy", Population:1344000})

  5. Drücken und halten Sie die ALT-Taste, und wählen Sie das Schaltfläche-Steuerelement aus. (Dadurch wird Ihre Sammlung erstellt, und alle Informationen werden gespeichert.) Aktualisieren Sie die Eigenschaft Text der Schaltfläche auf „Collect“.

  6. Fügen Sie ein Steuerelement Vertikaler Katalog ein, und wählen Sie CityPopulations als Datenquelle aus (alternativ können Sie die Eigenschaft Items des Katalogs in CityPopulations aktualisieren).

  7. Wählen Sie auf der rechten Seite des Bildschirms den Bereich Eigenschaften aus, wenn der Katalog ausgewählt ist, und ändern Sie das Layout von Leer in Titel, Untertitel und Text. Wählen Sie dann Felder aus, und ändern Sie die Dropdownoption Body in „Population“. Sehen Sie sich dazu das Bild unten an.

    Screenshot des neuen Katalogs mit Hervorhebungen der Optionen „Datenquelle“ und „Fields“ im Bedienfeld „Eigenschaften“ und „Population“ als ausgewählte Auswahl unter „Body1“

  8. Während der Katalog noch ausgewählt ist, aktualisieren Sie die OnSelect-Eigenschaft zu Folgendem:

     Set(varRecord,ThisItem)

Ihre Sammlung filtern

  1. Geben Sie eine Textbezeichnung ein, und ändern Sie die Texteigenschaft in „Population“. Verschieben Sie dies dann im Katalog nach rechts.

  2. Fügen Sie dann als Nächstes ein Schieberegler-Steuerelement ein, und platzieren es unter der Beschriftung, die wir erstellt haben. Geben Sie im Suchfeld „Schieberegler“ ein, um das Steuerelement schnell zu finden.

  3. Wählen Sie das Schieberegler-Steuerelement aus, und ändern Sie die Eigenschaft Min. in:

    Min(CityPopulations, Population)

  4. Ändern Sie als Nächstes die Eigenschaft Max. in:

    Max(CityPopulations, Population)

  5. Wählen Sie jetzt den Katalog aus, und ändern Sie die Eigenschaft Items in:

    Filter(CityPopulations, Population>= Slider1.Value)

  6. Jetzt werden nur noch Datensätze angezeigt, die größer als der ausgewählte Schiebereglerwert sind. Setzen Sie die App in den Vorschaumodus, und bewegen Sie den Schieberegler, um dies in Aktion zu sehen. Wenn Sie den Schieberegler ganz nach links bewegen, werden alle Städte angezeigt. Wenn Sie den Schieberegler nach rechts bewegen, wird die Liste kleiner, sodass nur noch London im Katalog verbleibt.

    Animation des Schiebereglerfilters

Die LookUp‑ und Patch-Funktionen verwenden

  1. Fügen Sie eine Textbeschriftung ein, und ändern Sie die Texteigenschaft in „City“. Platzieren Sie sie dann unter dem Schieberegler.

  2. Fügen Sie als Nächstes ein Dropdown-Steuerelement ein, und verschieben Sie es unter die Beschriftung City.

  3. Schreiben Sie Folgendes in der Eigenschaft Items des Dropdownmenüs:

    CityPopulations.City

  4. Fügen Sie Folgendes in der Eigenschaft OnChange des Dropdownmenüs ein:

    Set(varRecord, LookUp(CityPopulations, City=Self.SelectedText.City))

  5. Fügen Sie eine andere Textbeschriftung ein, und aktualisieren Sie die Eigenschaft Text in „Country“.

  6. Fügen Sie ein Texteingabe-Steuerelement ein, und verschieben Sie es unter die Beschriftung „Country“.

  7. Fügen Sie für die Eigenschaft Default von TexteingabevarRecord.Country ein.

  8. Ändern Sie den Namen dieses Texteingabe-Steuerelements in txtCountry.

  9. Wiederholen Sie die vorherigen vier Schritte, um Textbeschriftungen und Texteingabesteuerelemente für Stadt und Population hinzuzufügen und die Default-Eigenschaften der Texteingaben in varRecord.City bzw. in varRecord.Population zu ändern. Wenn Sie dies abgeschlossen haben, sollte Ihr Bildschirm wie in der folgenden Abbildung aussehen.

    Screenshot der Texteingaben und neuen Beschriftungen

  10. Fügen Sie nun dem Bildschirm eine Schaltfläche hinzu, und platzieren Sie sie unter der Population-Texteingabe. Ändern Sie die Eigenschaft Text in „Senden“.

  11. Ändern Sie die Eigenschaft OnSelect der Schaltfläche in Folgendes:

    Patch(CityPopulations, varRecord, {Country: txtCountry.Text, City: txtCity.Text, Population: Value(txtPopulation.Text)})

    Hinweis

    Wir müssen txtPopulation.Text mit Value() umschließen, da die Texteingabe standardmäßig eine Zeichenfolge zurückgibt und unsere Sammlung eine Zahl erwartet.

  12. Versetzen Sie die App in den Vorschaumodus, und wählen Sie ein Element aus dem Katalog aus. Ändern Sie einen der Werte, und klicken Sie auf die Schaltfläche „Submit“. Dann wird Ihnen angezeigt, dass das Element in Ihrem Katalog geändert wurde.

  13. Versetzen Sie die App wieder in den Bearbeitungsmodus.

Datensätze hinzufügen und entfernen

  1. Wählen Sie unsere Submit-Schaltfläche aus, und kopieren Sie sie. Fügen Sie dies dreimal ein.

  2. Ändern Sie die Eigenschaft Text der drei neue Schaltflächen in Clear, New und Remove.

  3. Positionieren Sie die Schaltflächen in zwei Reihen mit jeweils zwei Schaltflächen, die anhand Ihrer ursprünglichen Schaltfläche „Submit“ ausgerichtet sind („New“ unter „Submit“, „Clear“ rechts von „Submit“ und „Remove“ unter „Clear“).

  4. Halten Sie die STRG-Taste gedrückt, und klicken Sie auf die Schaltflächen Clear und Remove. Ändern Sie die Eigenschaft DisplayMode in:

    If(IsBlank(varRecord), DisplayMode.Disabled, DisplayMode.Edit)

    Jetzt sind diese Schaltflächen nur anklickbar, wenn wir einen Datensatz ausgewählt haben.

  5. Klicken Sie bei gedrückter STRG-Taste auf die Schaltfläche Remove, um die Auswahl aufzuheben. Aktualisieren Sie die Eigenschaft OnSelect der Clear-Schaltfläche in Folgendes:

    Set(varRecord, Blank())

    Mit dieser Schaltfläche können Sie nun den ausgewählten Datensatz löschen. Zeigen Sie eine Vorschau der App an, und wählen Sie Ihre Clear-Schaltfläche aus.

    Beachten Sie, dass sowohl die Schaltflächen „Clear“ als auch „Remove“ deaktiviert angezeigt werden.

  6. Wählen Sie die Schaltfläche Remove, wenn sich die App wieder im Bearbeitungsmodus befindet. Aktualisieren Sie die Eigenschaft OnSelect in:

    Remove(CityPopulations, varRecord)

  7. Wählen Sie abschließend die Schaltfläche New aus, und ändern Sie die Eigenschaft OnSelect der Schaltfläche zu:

    Collect(CityPopulations, {Country: txtCountry.Text, City: txtCity.Text, Population: Value(txtPopulation.Text)})

  8. Versetzen Sie Ihre App in den Vorschaumodus, und versuchen Sie, einen neuen Datensatz hinzuzufügen und einen vorhandenen Datensatz zu entfernen.

    Screenshot des neu erstellten Datensatzes mit dem neuen Datensatz und der hervorgehobenen Schaltfläche „New“

Sie wissen jetzt, wie Sie umfassender mit Tabellen in Power Apps arbeiten können. Sie können für ein besseres Benutzererlebnis den verschiedenen Eigenschaften Ihrer Schaltflächen zusätzliche Funktionen hinzufügen. Diese Übung hat Ihnen hoffentlich eine Vorstellung davon gegeben, was möglich ist.