Dieser Blogartikel ist Teil einer Serie über das Erstellen von PowerApps. Weitere Artikel dieser Serie finden Sie hier:

  1. Arbeiten mit PowerApps – Grundlagen

In letzten Blogartikel haben wir uns mit den Grundlagen von PowerApps beschäftigt sowie unsere erste Canvas-App erstellt und dabei das PowerApps Studio for the web geöffnet. Dieser zweite Artikel der Serie erläutert, wie Sie mit diesem Studio arbeiten können und wie Sie Ihrer ersten App Funktionen hinzufügen. Geplant ist eine App, in welche Benutzer eine Bestellung für Büromaterial aufgeben können. Das Speichern der Anforderung erfolgt dabei in einer SharePoint Liste.

Arbeiten mit dem PowerApps Studio for the web

Die Abbildung unten zeigt das PowerApps Studio for the web unmittelbar nach dem öffnen. Dabei haben die folgenden Punkte die folgende Funktion:

2019-01-18_13h28_22

Ribbon: DieMenüleiste, in welcher sich die Steuerelemente befinden, welcher Sie der App hinzufügen können. Diese verteilen sich auf die Menüs Start und Einfügen. Im Weiteren werde ich auf verschiedene Steuerelemente eingehen.
Wenn Sie neue Elemente der PowerApp hinzufügen, sollten Sie diese sinnvoll umbenennen. In diesem Workshop werde ich ausnahmsweise darauf verzichten, da es das Verständnis noch weiter erschweren würde.

Formelfeld: Das Eingabefeld für eine Formel für ein ausgewähltes Element. Formeln ähneln stark dem bekannten Format aus Excel und sind für eine App unersetzlich. Eine Übersicht über alle Formeln finden Sie hier: Referenz zu Formeln für PowerApps.

App Überprüfung: Wenn Sie im Studio eine Formel eingeben, so wird diese unmittelbar geprüft. Falls Fehler gefunden wurden, wird hier ein roter Punkt angezeigt. Ein Klick darauf öffnet einen Dialog mit einer Übersicht aller Fehler. Sie können allerdings eine App trotz Fehler veröffentlichen.

App starten: Hier können Sie den aktuellen Start ihrer App testen. Dies geht partiell auch, wenn Sie die ALT Taste gedrückt halten und dann auf das die Elemente in Designer klicken. Eine entsprechende Meldung wird Ihnen auch angezeigt, wenn Sie den Test verlassen.

2019-01-04_13h58_32

Die App wird beim Starten allerdings nicht für andere Benutzer veröffentlicht und auch nicht gespeichert! Zwar gibt es eine Autosave Funktion, welche aber erst aktiv wird, nachdem Sie zumindest einmal manuell gespeichert haben. Sie sollten dies also gleich nach dem Erstellen der App als erstes machen.

App teilen: Geben Sie andern Mitarbeitern Zugriff auf Ihre App.

Alle Elemente in der App: Eine App besteht aus vielen verschiedenen Elementen. So können Sie mehrere Screen haben auf denen sich wiederum Formulare, Schaltflächen und vielen mehr befinden können. In dieser Übersicht können Sie schnell auf alle Elemente in der App zugreifen. Im rechten Bereich werden dann die jeweiligen Eigenschaften des Elementes angezeigt wenn Sie dieses anklicken.

App Screen: Hier erstellen Sie Ihre App. Platzieren Sie Elemente und schalten Sie zwischen den verschiedenen Screens um. Sie können diesen Bereich maximieren und darin zoomen.

Eigenschaften eines ausgewählten Elementes in der App: Hier befinden sich mehrere Reiter, in welchen Sie die Eigenschaften eines ausgewählten Elementes anpassen können. So können Sie zum Beispiel entweder hier oder im Formelfeld einem Element eine Formel mitgeben.

Workshop: Der PowerApps Elemente hinzufügen

Damit wir Daten in einer App speichern können, benutzen wir eine SharePoint Liste. Die App soll ja dazu dienen, eine interne Bestellung von Büromaterial zu ermöglichen. Die Bestellungen werden dabei in einer benutzerdefinierte SharePoint Liste mit dem folgende Format gespeichert:

Feldname Datentyp Beschreibung
Titel Text Dieses Feld ist von SharePoint vorbelegt. Sie können den Namen ändern, aber wenn Sie das Feld in der App ansprechen wollen, so wird immer noch auf den internen Namen Titel verwiesen.
Menge Zahl Wie viel soll bestellt werden
Beschreibung Textfeld Falls eine weitere Beschreibung nötig ist.

Arbeiten mit Datenquellen

Unsere SharePoint Liste liegt unter der angenommen URL httpS://xyz.sharepoint.com/sites/intern/ Lists/Bestellungen. Für alle weiteren Vorgänge müssen Sie diese URL natürlich mit ihrer eigenen URL ersetzen. Nachdem wir unsere neue PowerApp geöffnet haben, ist diese zunächst leer. Wir sehen einen leeren Screen als Container für unsere Elemente und sonst weiter nichts. Bevor wir jetzt beginnen neue Elemente dem Screen hinzuzufügen, müssen wir zuerst unsere Datenquelle, in dem Fall die SharePoint Liste, mit der PowerApp verbinden. Dies sollten Sie auch immer zuerst machen, weil Sie a.) damit eventuelle Probleme (und die gibt es immer mal!) sofort begegnen und b.) alle Elemente, sofern diese eine Datenbindung unterstützen, die Datenquelle gleich zur Auswahl anbieten.

Um eine Datenquelle an eine PowerApp anzubinden, gibt es verschiedene Konnektoren. Viele davon sind im Standardtarif enthalten, einige davon werden nur in PowerApps Plänen eins und zwei lizenziert. Ein Konnektor stellt eine Verbindung zu einer angegeben Datenquelle her und sorgt dabei für den jeweils spezifischen Zugriff auf die Daten. Außerdem werden im Hintergrund sämtliche Funktionen erstellt um die Daten in der Quelle zu lesen, zu ändern, zu löschen und neue hinzuzufügen. Diese Aktionen werden dann von Steuerelementen in der PowerApp ausgeführt. Wie dies im Einzelnen in der Datenquelle geschieht, kann uns egal sein.

Um eine SharePoint Liste der PowerApp hinzuzufügen, klicken Sie im PowerApps Studio for the web auf die Menüleiste Ansicht und dort auf Datenquelle. In dem erscheinenden Panel klicken Sie auf die Schaltfläche Datenquelle hinzufügen und auf +Neue Verbindung.

2019-01-04_09h17_17

Sie sehen eine Liste aller Konnektoren. Es werden Ihnen alle Konnektoren angezeigt, auch die in der Vorschau sind (Symbol Lampe) und die Premiumkonnektoren für Plan eins und zwei (Symbol Siegel). Suchen Sie den Konnektor SharePoint und klicken Sie auf Erstellen. Wie Sie sehen können, sind auch lokale Daten möglich. Allerdings benötigen Sie dazu einen Konnektor, welchen Sie im Vorfeld extra aufsetzen müssen.

2019-01-04_09h24_18

Geben Sie bei Verbindung mit einer SharePoint Website herstellen die Adresse der SharePoint Site ein, auf welcher sich die Liste Bestellung befindet und klicken Sie auf Los. In meinem Beispiel wäre dies httpS://xyz.sharepoint.com/sites/intern/. Markieren Sie die vorher erstellte Liste Bestellung und klicken Sie auf Verbinden. Damit ist die Liste aus SharePoint mit der PowerApp verbunden. Das Panel können Sie dann schließen.

Datentabelle hinzufügen

Um den Inhalt der SharePoint Liste zu sehen klicken Sie auf Einfügen und Datentabelle. Es öffnet sich ein Panel, in welchen Sie für die Datentabelle eine Datenquelle auswählen müssen. Wählen Sie die vorher erstellte Datenquelle Bestellung aus. Es werden sofort die schon vorhandenen Daten angezeigt. In dem Panel können Sie jetzt festlegen welche Felder angezeigt werden und in welcher Reihenfolge. Ziehen Sie dazu Felder auf dem Panel in die gewünschte Reihenfolge.

2019-01-04_09h38_01

Wenn Sie jetzt auf eine Spalte in der Tabelle klicken, sowohl im Screen aus als links in der Übersicht aller Elemente, können Sie sehen, wie Sie für jedes Element Eigenschaften, Regeln und mehr über Erweitert einstellen können.

Daten ändern und neu anlegen

Leider bietet das Steuerelement Datentabelle keine Möglichkeit Daten darin zu editieren oder neue hinzuzufügen. Um dies zu erreichen, fügen Sie dem Screen über Einfügen ein Formular vom Typ Bearbeiten hinzu.

2019-01-04_09h44_09

Auch dieses Steuerelement muss mit einer Datenquelle verbunden werden. Wählen Sie wieder die Datenquelle Bestellung. Bei der Einstellung An Spalten ausrichten wählen Sie 1. Positionieren Sie dann das Steuerelement rechts neben der Datentabelle.

2019-01-04_09h48_06

Damit in dem Formular der jeweils in der Datentabelle ausgewählte Datensatz angezeigt wird, muss dieser dem Formular noch mitgegeben werden. Markieren Sie dazu das Formular, damit Sie die Eigenschaften angezeigt bekommen. Klicken Sie auf die Registerkarte Erweitert. In Abschnitt Daten tragen Sie in die das Feld Items DataTable1.Selected ein. Damit verweisen Sie auf die Datentabelle und die jeweils darin selektierten Zeile.

2019-01-04_13h54_11

Haben Sie die Datentabelle umbenannt, müssen Sie die Formel natürlich ändern. Klicken Sie zum testen oben auf das Dreieck.

2019-01-04_13h55_40

Das Ergebnis sollte ähnlich der Abbildung unten sein. Wenn Sie eine Zeile anklicken, sollte die Werte in dem Formular stehen.

2019-01-04_13h59_27

Wie Sie weitere Aktionen in der PowerApp vornehmen können, erfahren Sie mit dem nächsten Beitrag.

Haben Sie diese Anforderung schon einmal gehabt? Oder eine andere Frage? Dann schreiben Sie einen Kommentar!

Vielen Dank für Ihr Interesse an meinem Blogeintrag.
Gerne beantworte ich Ihnen persönlich weitergehende Fragen zu diesem Thema.
Kontaktieren Sie mich einfach über mein Kontaktformular oder schreiben Sie einen Kommentar.

Sie wollen mehr über meine Leistungen erfahren? Dann klicken Sie hier.

Werbeanzeigen

3 Kommentare zu „Arbeiten mit dem PowerApps Studio for the web

  1. Toll, dass Du Dich mit dem Thema so ausführlich beschäftigst. Schön, dass es nun auch eine gute deutsche Quelle rund um PowerApps gibt!

Kommentar verfassen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.