![\"Hinzufügen](\"..\/fileadmin\/_temp_\/2018_06\/pic_160_001.png\")
<\/p>\nEine oft verwendete Darstellung ist die, bei der sich oben im Fenster ein Kombinationsfeld befindet, mit dem der Benutzer dann den Datensatz auswählt, dessen Detaildaten in den übrigen Steuerelementen im unteren Bereich angezeigt werden sollen. Dieser Artikel zeigt, aufbauend auf den vorherigen Artikeln, wie Sie einen Bildschirm erzeugen, der im oberen Bereich ein solches Kombinationsfeld liefert und im unteren Bereich die Daten des gewählten Datensatzes anzeigt. Die Daten stammen dabei aus der Kunden-Tabelle der Beispieldatenbank Suedsturm_SQL.<\/b><\/p>\n
Wir setzen auf unserem PowerApps-Projekt auf, das wir im vorherigen Artikel bereits begonnen haben. Wir verwenden also die Datenbank Suedsturm_SQL <\/b>als Datenquelle.<\/p>\n
Um nicht immer wieder die neu hinzufügten Bildschirmseiten nach oben im Projekt verschieben zu müssen, um diese direkt beim Öffnen der PowerApp testen zu können, haben wir nun einen Startbildschirm erstellt. Dieser sieht wie in Bild 1 aus. Für die Schaltfläche Kundenauswahl <\/b>haben wir für die Eigenschaft OnSelect <\/b>den folgenden Ausdruck festgelegt:<\/p>\n
<\/p>\n
Bild 1: Hinzufügen einer Schaltfläche zum Öffnen einer weiteren Bildschirmseite<\/span><\/b><\/p>\n Damit öffnen wir per Mausklick auf die Schaltfläche einen weiteren Bildschirm namens Kundenauswahl<\/b>. Den fügen wir mit dem Befehl Neuer Bildschirm|Leer <\/b>zum Projekt hinzu. <\/p>\n Für die Auswahl der anzuzeigenden Daten verwenden wir das Dropdown<\/b>-Steuerelement, das wir mit dem Befehl Steuerelemente|Dropdown <\/b>zur Bildschirmseite Kundenauswahl <\/b>hinzufügen. Damit dieses beispielsweise die Werte des Feldes Firma der Tabelle tblKunden <\/b>anzeigt, tragen Sie den Wert ”[dbo].[tblKunden]”<\/b> in die Eigenschaft Items <\/b>ein und fügen noch einen Punkt hinzu.<\/p>\n Danach bietet die Benutzeroberfläche eine Liste der enthaltenen Felder an, die Sie so einfach auswählen und festlegen können (siehe Bild 2). Außerdem ändern wir noch den Namen des Dropdown-Steuerelements in drpKunden<\/b>.<\/p>\n Bild 2: Anlegen des Dropdown-Steuerelements<\/span><\/b><\/p>\n Interessanterweise werden die Daten hier nicht direkt zur Entwurfszeit angezeigt, wie es in den anderen Artikeln schon der Fall war. Also probieren wir das Dropdown-Feld im Smartphone aus oder im Webplayer. Dazu speichern wir die aktuelle Version der App mit dem Befehl Datei|Speichern<\/b>.<\/p>\n Anschließend müssen Sie diese über den im gleichen Bereich erscheinenden Befehl Veröffentlichen <\/b>noch publizieren. Danach liefert diese Bildschirmseite im Webplayer die Ansicht aus Bild 3.<\/p>\n Bild 3: Testen der App im Webplayer<\/span><\/b><\/p>\n Nun benötigen wir unterhalb des Dropdown-Elements weitere Steuer-elemente, um die Felder des gewählten Datensatzes anzuzeigen. Dazu fügen wir der Bildschirmseite zunächst ein übergeordnetes Element hinzu, und zwar über den Befehl Formulare|Bearbeiten <\/b>des Bereichs Einfügen<\/b>.<\/p>\n Das so hinzugefügte Element platzieren wir so auf der Bildschirmseite, dass es sich unterhalb des Dropdown-Steuerelements befindet und den verbleibenden Platz einnimmt (siehe Bild 4). Außerdem stellen wir seinen Namen auf frmKundenuebersicht<\/b> ein.<\/p>\n Bild 4: Das neue Formular ist noch nicht mit Daten verbunden.<\/span><\/b><\/p>\n Dann wählen Sie für die Eigenschaft Datenquelle <\/b>im Bereich Eigenschaften <\/b>den Wert [dbo].[tblKunden] <\/b>aus. Dies stellt automatisch die Eigenschaft DataSource <\/b>im Bereich Erweitert <\/b>auf den Wert ”[dbo].[tblKunden]” <\/b>ein.<\/p>\n Darunter finden Sie die Eigenschaft Item<\/b>, der Sie folgenden Ausdruck zuweisen:<\/p>\n Mittlerweile hat sich auch der Inhalt des Formulars zum Bearbeiten der Daten geändert. Dieses zeigt nun den Text aus Bild 5 an, der darauf hinweist, dass noch die Felder für Anzeige ausgewählt werden müssen.<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>Navigate(Kundenauswahl;ScreenTransition.Fade)<\/pre>\n
Dropdown hinzufügen<\/h2>\n
![\"Anlegen](\"..\/fileadmin\/_temp_\/2018_06\/pic_160_002.png\")
<\/p>\n![\"Testen](\"..\/fileadmin\/_temp_\/2018_06\/pic_160_003.png\")
<\/p>\nBereich zur Anzeige der Daten hinzufügen<\/h2>\n
![\"Das](\"..\/fileadmin\/_temp_\/2018_06\/pic_160_004.png\")
<\/p>\nFirst(Filter(''[dbo].[tblKunden]'';Firma=drpKunden.Selected.Value))<\/pre>\n![\"Es](\"..\/fileadmin\/_temp_\/2018_06\/pic_160_005.png\")
<\/p>\n
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t