{"id":55000277,"date":"2021-08-01T00:00:00","date_gmt":"2021-12-31T14:20:54","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=277"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Von_Page_zu_Page","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Von_Page_zu_Page\/","title":{"rendered":"Von Page zu Page"},"content":{"rendered":"

Wenn Sie Pages zur Darstellung verschiedener Daten wie Übersichten, Detailansichten oder auch allgemeine Pages nutzen, die in einem Frame-Element angezeigt werden, wollen Sie gegebenenfalls auch einmal Daten von einer Seite zur nächsten schicken. Ein Anwendungsfall wäre die Auswahl eines Artikels in einer Übersichtsseite, der dann in einer Detailseite angezeigt werden soll. Oder das Öffnen einer Übersichtsseite zur Auswahl eines Eintrags, der dann in die aufrufende Seite übernommen werden soll. Dieser Artikel zeigt, wie Sie beim Navigieren im Frame-Element Informationen zwischen Page-Elementen hin- und herschicken können.<\/b><\/p>\n

Grundgerüst für die Beispiele<\/h2>\n

Für die Beispiele haben wir im Fenster MainWindow.xaml <\/b>ein Grid mit zwei Zeilen definiert. Es enthält in der ersten Zeile ein StackPanel<\/b>-Element, mit dem wir die einzelnen Beispiele aufrufen können. Die zweite Zeile enthält ein Frame<\/b>-Element namens fra<\/b>, dass die Seiten für die einzelnen Beispiele anzeigen soll:<\/p>\n

<Grid>\r\n     <Grid.RowDefinitions>\r\n         <RowDefinition Height=\"Auto\"><\/RowDefinition>\r\n         <RowDefinition Height=\"*\"><\/RowDefinition>\r\n         <RowDefinition Height=\"Auto\"><\/RowDefinition>\r\n     <\/Grid.RowDefinitions>\r\n     <StackPanel Orientation=\"Horizontal\">\r\n         <Button x:Name=\"btnVonANachB\" Click=\"btnVonANachB_Click\">Beispiel Von A nach B per Konstruktor             starten<\/Button>\r\n     <\/StackPanel>\r\n     <Frame x:Name=\"fra\" Grid.Row=\"1\"><\/Frame>\r\n<\/Grid><\/pre>\n
Von A nach B per Konstruktor-Parameter<\/h2>\n
Wir wollen nun zwei Seiten definieren namens VonANachB_Konstruktor_SeiteA.xaml <\/b>und VonANachB_Konstruktor_SeiteB.xaml<\/b>. Die erste enthält ein Textfeld, in das Sie einen Text ein geben können. Mit einer Schaltfläche wollen wir die zweite Seite aufrufen und dieser den eingegebenen Text übergeben, sodass dieser dort in einem weiteren Textfeld angezeigt werden kann.<\/p>\n
Die erste Seite VonANachB_Konstruktor_SeiteA.xaml <\/b>definieren wir wie folgt:<\/p>\n
<Grid>\r\n     ...\r\n     <Label FontWeight=\"Bold\">Von A nach B per Konstruktor - Seite A<\/Label>\r\n     <StackPanel Orientation=\"Horizontal\" Grid.Row=\"1\">\r\n         <Label>Zu übergebender Wert:<\/Label>\r\n         <TextBox x:Name=\"txtWert\" Width=\"200\"><\/TextBox>\r\n     <\/StackPanel>\r\n     <StackPanel Grid.Row=\"2\">\r\n         <Button x:Name=\"btnVonANachB\" HorizontalAlignment=\"Left\" Click=\"btnVonANachB_Click\">            Wert nach B senden<\/Button>\r\n     <\/StackPanel>\r\n<\/Grid><\/pre>\n
Die erste Seite sieht in der Entwurfsansicht wie in Bild 1 aus.<\/p>\n
\"Aufbau<\/p>\n
Bild 1: Aufbau der ersten Seite<\/span><\/b><\/p>\n
Die zweite Seite ist noch einfacher aufgebaut – sie enthält lediglich ein Label<\/b>– und ein TextBox<\/b>-Steuerelement:<\/p>\n
<Grid>\r\n     ...\r\n     <Label FontWeight=\"Bold\">Von A nach B per Konstruktor - Seite B<\/Label>\r\n     <TextBox x:Name=\"txtParameter\" Grid.Row=\"1\" HorizontalAlignment=\"Left\" Width=\"200\"><\/TextBox>\r\n<\/Grid><\/pre>\n
Erste Seite aufrufen<\/h2>\n
Um die erste Seite im Frame<\/b>-Element anzuzeigen, betätigen wir die Schaltfläche btnVonANachB_Konstruktor<\/b>. Diese erstellt die Seite VonANachB_Konstruktor_SeiteA <\/b>neu und referenziert diese Instanz mit der Variablen objVonANachB_Konstruktor_SeiteA<\/b>. Damit diese im Frame<\/b>-Element erscheint, rufen wir dessen Navigate<\/b>-Methode mit dem Objektnamen als Parameter auf:<\/p>\n
Class<\/span> MainWindow\r\n     Private <\/span>Sub btnVonANachB_Konstruktor_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n         Dim <\/span>pgeVonANachB_Navigate_SeiteA As <\/span>New<\/span> VonANachB_Konstruktor_SeiteA\r\n         fra.Navigate(pgeVonANachB_Navigate_SeiteA)\r\n     End Sub\r\nEnd Class<\/span><\/pre>\n
Konstruktor der zweiten Seite mit Parameter ausstatten<\/h2>\n
Wir wollen den Wert aus dem Textfeld txtWert <\/b>der ersten Seite zur zweiten Seite schicken. Für die Übergabe wollen wir einen Parameter der Konstruktor-Methode der zweiten Seite nutzen. Die Konstruktormethode, die immer New <\/b>heißt, erstellen Sie am einfachsten, indem Sie mit der rechten Maustaste in die Klasse VonANach_Konstruktor_B <\/b>im Codefenster der Code behind-Klasse VonANachB_Konstruktor_SeiteB.xaml.vb <\/b>klicken und dort den Eintrag Schnellaktionen und Refactorings… <\/b>auswählen.<\/p>\n
Nach diesem Befehl erscheint eine Liste der möglichen Schnellaktionen. Hier wählen wir den Eintrag Konstruktor generieren… <\/b>aus (siehe Bild 2).<\/p>\n
\"Konstruktor<\/p>\n
Bild 2: Konstruktor hinzufügen<\/span><\/b><\/p>\n
Danach erscheint noch ein weiterer Dialog namens Member auswählen<\/b>. Hier wählen Sie den Eintrag _contentLoaded <\/b>ab (siehe Bild 3) und betätigen dann die OK<\/b>-Schaltfläche.<\/p>\n
\"Dialog<\/p>\n
Bild 3: Dialog mit Eigenschaften des Konstruktors<\/span><\/b><\/p>\n
Die Klasse mit der so erstellten Konstruktormethode sieht zunächst wie folgt aus:<\/p>\n
Class<\/span> VonANachB_Konstruktor_SeiteB\r\n     Public <\/span>Sub New()\r\n     End Sub\r\nEnd Class<\/span><\/pre>\n
Diese Methode wollen wir allerdings dazu nutzen, beim Aufruf einen Parameter zu übergeben. Deshalb erweitern wir die erste Zeile um den Parameter strParameter<\/b> mit dem Datentyp String<\/b>. Außerdem fügen wir der Konstruktormethode die Anweisung InitializeComponent<\/b> hinzu, die beim Fehlen einer Konstruktormethode normalerweise implizit ausgeführt wird. Lassen Sie diese weg, wird die XAML-Definition nicht umgesetzt!<\/p>\n
Schließlich schreiben wir den Inhalt des Parameters strParameter <\/b>in das Textfeld txtParameter<\/b>:<\/p>\n
Public Sub <\/span>New(strParameter As String<\/span>)\r\n     InitializeComponent()\r\n     txtParameter.Text = strParameter\r\nEnd Sub<\/span><\/pre>\n
Nun fehlt noch die Übergabe des Parameters. Diese erfolgt, wenn der Benutzer die Schaltfläche btnVonANachB_Konstruktor <\/b>in der Klasse VonANachB_Konstruktor_SeiteA <\/b>betätigt.<\/p>\n
Die dadurch ausgelöste Methode definieren wir wie folgt:<\/p>\n
Class<\/span> VonANachB_Konstruktor_SeiteA\r\n     Private <\/span>Sub btnVonANachB_Konstruktor_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n         Dim <\/span>pgeVonANachB_Konstruktor_SeiteB As <\/span>VonANachB_Konstruktor_SeiteB\r\n         Dim <\/span>strParameter As String<\/span>\r\n         strParameter = txtWert.Text\r\n         pgeVonANachB_Konstruktor_SeiteB = New<\/span> VonANachB_Konstruktor_SeiteB(strParameter)\r\n         NavigationService.Navigate(pgeVonANachB_Konstruktor_SeiteB)\r\n     End Sub\r\nEnd Class<\/span><\/pre>\n
Hier deklarieren wir die Zielseite VonANachB_Konstruktor_SeiteB <\/b>mit der Variablen pgeVonANachB_Konstruktor_SeiteB<\/b>. Außerdem deklarieren wir eine Variable namens strParameter <\/b>für den Inhalt des Textfeldes txtWert<\/b>, dass wir direkt in der folgenden Anweisung füllen. Danach erstellen wir eine neue Instanz von VonANachB_Konstruktor_SeiteB <\/b>und übergeben der Konstruktormethode dabei den Wert von strParameter<\/b>. Schließlich navigieren wir mit der Navigate<\/b>-Methode des NavigationService<\/b>-Objekts zu der mit pge-VonANachB_Konstruktor_SeiteB <\/b>referenzierten Seite.<\/p>\n
Das Ergebnis sehen Sie in Bild 4. Den übergebenen Wert können Sie für beliebige Einsatzzwecke nutzen – beispielsweise für die Übergabe des Primärschlüsselwertes eines in einer Übersicht auf der ersten Seite ausgewählten Eintrags, dessen Detaildaten dann auf der zweiten Seite angezeigt werden sollen.<\/p>\n
\"Übergeben<\/p>\n
Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\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
\n\n\t\t\n\t\t