![\"Fenster](\"..\/fileadmin\/_temp_\/2018_01\/pic_122_001.png\")
<\/p>\nFür unsere Lösung zum Erstellen und Verwalten von Word-Dokumenten aus dem Artikel “Briefe mit Word erstellen” benötigen wir eine Möglichkeit zum Anlegen und Verwalten von Adressen. Dazu wollen wir ein eigenes Fenster erstellen, dass eine Übersicht der Adressen in einer Liste, eine kleine Suchfunktion sowie die Details der aktuell in der Liste ausgewählten Adresse oder einer neuen Adresse anzeigt. Die Lösung soll natürlich über ein Entity Data Model an eine entsprechende Tabelle gebunden werden.<\/b><\/p>\n
Zur Anzeige der Adressen fügen wir der Lösung ein neues Fenster namens Adressen.xaml <\/b>hinzu. Für die Anordnung der benötigten Steuer-elemente wollen wir dem Grid ein Raster von vier Spalten und acht Zeilen hinzufügen. Die erste und die dritte Spalte weisen als Spaltenbreite den Wert Auto <\/b>auf, damit sich die Breite an den breitesten enthaltenen Steuerelementen orientiert, in diesem Fall an den Inhalten der Label<\/b>-Elemente mit den Feldbeschriftungen. Die zweite und die vierte Spalte sollen sich den Rest der Breite aufteilen, damit der Benutzer das Fenster verbreitern und somit Inhalte der Textfelder, die gegebenenfalls nicht vollständig angezeigt werden, sichtbar machen kann.<\/p>\n
Die Zeilen werden mit einer Ausnahme alle mit der Zeilenhöhe Auto<\/b> ausgestattet, damit sich diese an der für die enthaltenen Elemente notwendigen Höhe orientieren können. Die Ausnahme ist die zweite Zeile, welche das Listenfeld zur Anzeige der Adressen in der Übersicht anzeigen soll. Diese Zeile erhält für die Eigenschaft Height <\/b>den Wert *<\/b>, was dazu führt, dass sie den verbleibenden Platz einnimmt und beim Vergrößern der Höhe des Fensters ebenfalls vergrößert wird. Die Definition des Grundgerüsts des Fensters mit XAML-Code sieht wie folgt aus und erscheint im Entwurf wie in Bild 1:<\/p>\n
<\/p>\n
Bild 1: Fenster zum Verwalten von Adressen<\/span><\/b><\/p>\n Im unteren Bereich findet sich noch ein StackPanel<\/b>, welches ebenfalls über die gesamten vier Spalten geht und in horizontaler Ausrichtung vier Button<\/b>-Elemente anzeigt. Für die Steuerelementtypen Label, TextBox<\/b>, ListBox<\/b>, ComboBox <\/b>und Button <\/b>haben wir im oberen Bereich unter Window.Resources <\/b>einige allgemeine Eigenschaften wie Margin <\/b>und Padding <\/b>festgelegt. Diese greifen bei den Steuerelementen, die per ColumnSpan <\/b>über mehrere Spalten angelegt werden, nicht – daher müssen wir zum Beispiel die Eigenschaft Margin <\/b>für das Textfeld zur Eingabe des Suchbegriffs und das Listenfeld direkt mit dem Steuer-element definieren.<\/p>\n Das Entity Data Model für die Lösung haben wir bereits im Beitrag EDM: Die Code First-Methode <\/b>und EDM: Code First – Datenbank erweitern <\/b>besprochen. Der Teil, der für die hier zu verwaltenden Adressen verantwortlich ist, sind die beiden Klassen Adresse <\/b>und Anrede<\/b>. Wir benötigen für das Listenfeld eine Auflistung der Adressen mit den wichtigsten Feldern, für das Kombinationsfeld cboAnreden <\/b>eine Auflistung der Anreden und für die Details der aktuell bearbeiteten Adresse ein Objekt auf Basis der Klasse Adresse<\/b>. Um die Steuer-elemente des Fensters an die Daten der beiden Klassen zu binden, fügen wir zunächst eine öffentliche Eigenschaft für ein Objekt auf Basis der Klasse Adresse zur Code behind-Klasse hinzu:<\/p>\n Außerdem benötigen wir eine Variable zum Speichern der Objektvariablen für das DbContext<\/b>-Element:<\/p>\n Für die Liste der Adressen im ListView<\/b>-Steuerelement sehen wir die folgende Variable vor:<\/p>\n Fehlt noch eine Collection für die Anreden, die wir so deklarieren:<\/p>\n Dann erstellen wir das Grundgerüst für die Konstruktor-Methode, also die Methode, die beim Öffnen des Fensters ausgelöst wird. Nun können wir das Fenster auf zwei Arten öffnen: Erstens mit der Schaltfläche zum Bearbeiten des aktuell im Hauptfenster MainWindow.xaml <\/b>angezeigten Datensatzes und zweitens mit der Schaltfläche zum Erstellen eines neuen Adress-Objekts. Das heißt also, dass wir entweder eine ID aus dem aufrufenden Fenster übergeben müssen oder, wenn ein neues Element angelegt werden soll, eben nicht. Das ist eine gute Gelegenheit, einmal das Überladen der Konstruktor-Methode zu demonstrieren. Das bedeutet, dass wir zwei verschiedene Konstruktor-Methoden erstellen, von denen die eine keinen Parameter enthält – das ist die zum Anlegen eines neuen Elements. Die andere soll einen bestehenden Adress-Datensatz anzeigen, also übergeben wir dieser Konstruktor-Methode die ID des anzuzeigenden Datensatzes.<\/p>\n Dazu legen wir einen entsprechenden Parameter an. Grundsätzlich sehen die beiden Methoden also wie folgt aus:<\/p>\n Sie brauchen übrigens immer nur den Kopf mit Public Sub New(…) <\/b>einzugeben, Visual Studio erzeugt dann immer den Rest mit der Anweisung InitializeComponent <\/b>und den üblichen Kommentarzeilen – das gilt auch, wenn Sie Überladungen der New<\/b>-Methode angeben.<\/p>\n Damit begeben wir uns an die Konstruktor-Methoden. Die Methode New <\/b>ohne Parameter soll dafür sorgen, dass das Fenster AdressenVerwalten.xaml <\/b>einen neuen, leeren Datensatz anzeigt, den der Benutzer dann mit Daten füllen und speichern kann. Dazu benötigen wir die folgende Konstruktor-Methode:<\/p>\n Die Methode füllt WordbriefContext <\/b>mit dem Entity Data Model. Außerdem liest sie die Adressen und Anreden in die Collections Adressen <\/b>und Anreden <\/b>ein. Die Variable Adresse <\/b>wird einem neuen Element des Typs Adresse <\/b>gefüllt. Die zweite Konstruktor-Methode erwartet den Parameter SelektierteAdresse <\/b>des Typs Adresse<\/b>, der vom aufrufenden Fenster übergeben wird und in den Steuerelementen des Fensters AdressenVerwalten <\/b>als aktive Adresse angezeigt werden soll:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span><Window x:Class=\"Adressen\" ... Title=\"Adressen\" Height=\"350\" Width=\"400\">\r\n <Window.Resources>\r\n <Style TargetType=\"TextBox\">\r\n <Setter Property=\"Margin\" Value=\"3\"><\/Setter>\r\n <Setter Property=\"Padding\" Value=\"3\"><\/Setter>\r\n <\/Style>\r\n ...\r\n <\/Window.Resources>\r\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 ...\r\n <\/Grid.RowDefinitions>\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"*\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"*\"><\/ColumnDefinition>\r\n <\/Grid.ColumnDefinitions>\r\n <Label>Suche:<\/Label>\r\n <Label Grid.Row=\"2\">Firma:<\/Label>\r\n <Label Grid.Row=\"3\">Anrede:<\/Label>\r\n ... weitere Label\r\n <Label Grid.Row=\"2\" Grid.Column=\"2\">PLZ:<\/Label>\r\n <Label Grid.Row=\"3\" Grid.Column=\"2\">Ort:<\/Label>\r\n ... weitere Label\r\n <TextBox x:Name=\"txtSuchbegriff\" Grid.Column=\"1\" Grid.ColumnSpan=\"3\"><\/TextBox>\r\n <ListBox x:Name=\"lstAdressen\" Grid.Row=\"1\" Grid.ColumnSpan=\"4\" Margin=\"3\" Padding=\"3\"><\/ListBox>\r\n <TextBox x:Name=\"txtFirma\" Grid.Row=\"2\" Grid.Column=\"1\"><\/TextBox>\r\n <ComboBox x:Name=\"cboAnreden\" Grid.Row=\"3\" Grid.Column=\"1\"><\/ComboBox>\r\n <TextBox x:Name=\"txtVorname\" Grid.Row=\"4\" Grid.Column=\"1\"><\/TextBox>\r\n ... weitere TextBox-Elemente\r\n <StackPanel Orientation=\"Horizontal\" Grid.Row=\"7\" Grid.ColumnSpan=\"4\">\r\n <Button x:Name=\"btnOK\">OK<\/Button>\r\n <Button x:Name=\"btnSpeichern\">Speichern<\/Button>\r\n <Button x:Name=\"btnNeu\">Neue Adresse<\/Button>\r\n <Button x:Name=\"btnLoeschen\">Adresse löschen<\/Button>\r\n <\/StackPanel>\r\n <\/Grid>\r\n<\/Window><\/pre>\n
Entity Data Model<\/h2>\n
Public Property <\/span>AktuelleAdresse As <\/span>Adresse<\/pre>\nPrivate <\/span>WordbriefContext As <\/span>WordbriefEntities<\/pre>\nPublic Property <\/span>Adressenliste As <\/span>ObservableCollection(Of Adresse)<\/pre>\nPublic Property <\/span>Anredenliste As <\/span>ObservableCollection(Of Anrede)<\/pre>\nPublic Sub <\/span>New()\r\n InitializeComponent()\r\n ...\r\nEnd Sub<\/span>\r\nPublic Sub <\/span>New(AdresseID As Integer<\/span>)\r\n InitializeComponent()\r\n ...\r\nEnd Sub<\/span><\/pre>\nKonstruktor-Methoden füllen<\/h2>\n
Public Sub <\/span>New()\r\n InitializeComponent()\r\n WordbriefContext = New<\/span> WordbriefEntities\r\n Adressenliste = New<\/span> ObservableCollection(Of Adresse)(WordbriefContext.Adressen)\r\n AktuelleAdresse = New<\/span> Adresse\r\n Anredenliste = New<\/span> ObservableCollection(Of Anrede)(WordbriefContext.Anreden)\r\n DataContext = Me\r\nEnd Sub<\/span><\/pre>\nPublic Sub <\/span>New(selektierteAdresse As <\/span>Adresse)\r\n InitializeComponent()\r\n WordbriefContext = New<\/span> WordbriefEntities\r\n Adressenliste = New<\/span> ObservableCollection(Of Adresse)(WordbriefContext.Adressen)\r\n Anredenliste = New<\/span> ObservableCollection(Of Anrede)(WordbriefContext.Anreden)\r\n If <\/span>Not<\/span> selektierteAdresse Is Nothing Then<\/span>\r\n AktuelleAdresse = selektierteAdresse\r\n lvwAdressen.SelectedValue = AktuelleAdresse.ID\r\n End If<\/span>\r\n DataContext = Me\r\nEnd Sub<\/span><\/pre>\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