{"id":55000059,"date":"2016-10-01T00:00:00","date_gmt":"2020-03-27T19:22:53","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=59"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"EDM_1nBeziehung_als_ParentChildAnsicht","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/EDM_1nBeziehung_als_ParentChildAnsicht\/","title":{"rendered":"EDM: 1:n-Beziehung als Parent-Child-Ansicht"},"content":{"rendered":"

Eine der unter Access ganz einfach abzubildenden Hierarchien zweier Tabellen ist die 1:n-Beziehung in einem Haupt- und einem Unterformular. Auch unter WPF mit den Daten aus einem Entity Data Model lässt sich dies gut abbilden. Wir schauen uns in diesem Artikel an, wie es funktioniert und was Sie beim Anzeigen der Daten beachten müssen. Als Beispiel nutzen wir die Kategorien der Datenbank im Hauptfenster und die der aktuellen Kategorie zugeordneten Artikel in einer Listenansicht.<\/b><\/p>\n

Als Beispiele verwenden wir die beispielsweise im Artikel EDM: Einfaches Detailfenster <\/b>vorgestellten Tabellen der Datenbank namens Bestellverwaltung<\/b>, in diesem Fall speziell die Tabelle Kategorien <\/b>für das Hauptfenster, die Tabelle Artikel <\/b>für die Liste sowie die Tabelle Lieferanten <\/b>als Look-up-tabelle der Tabelle Artikel<\/b> zur Auswahl der Lieferanten.<\/p>\n

Hauptfenster anlegen<\/h2>\n

Für das Hauptfenster fügen Sie dem Projekt ein neues WPF-Fenster namens KategorienUndArtikel <\/b>hinzu. Nun wollen wir in diesem die Kategorien in der Detailansicht anzeigen, also jeweils nur eine Kategorie gleichzeitig. Darüber hinaus benötigen wir dann natürlich noch Navigationsschaltflächen.<\/p>\n

Da wir im Artikel EDM: Einfaches Detailfenster <\/b>ja prinzipiell schon die gleiche Aufgabe erledigt haben, können wir uns dort bedienen (im Beispielprojekt finden Sie auch die in diesem Artikel behandelten Fenster). Als Erstes kümmern wir uns um die zugrunde liegenden Daten. Dazu fügen wir dem XAML-Code unterhalb des Window<\/b>-Elements gleich die Referenz auf die Datenquelle hinzu:<\/p>\n

<Window.Resources>\r\n     <CollectionViewSource x:Key=\"vsKategorien\" \r\n         d:DesignSource=\"{d:DesignInstance {x:Type \r\n         local:Kategorie}, CreateList=True}\"\/>\r\n<\/Window.Resources><\/pre>\n
Im Code behind-Modul legen wir die Variable für die Col-lectionViewSource <\/b>an, diesmal im Gegensatz zu den vom Visual Studio automatisch per Drag and Drop hinzugefügten CollectionViewSources aus den anderen Beispielen mit dem Präfix vs<\/b>, also unter dem Namen vsKategorien<\/b>. Außerdem deklarieren und initialisieren wir auch hier den Datenbankkontext namens DBContext <\/b>auf Basis der Klasse BestellverwaltungEntities<\/b>:<\/p>\n
CollectionViewSource vsKategorien;\r\nBestellverwaltungEntities DBContext = \r\n     new BestellverwaltungEntities();<\/pre>\n
Dann statten wir die Konstruktor-Methode, die beim Initialisieren des Fensters KategorienUndArtikel <\/b>ausgelöst wird, mit ein paar zusätzlichen Anweisungen aus, die unsere CollectionViewSource <\/b>mit den Daten der Entitätsliste Kategorien <\/b>des DBContext<\/b>-Objekts füllen:<\/p>\n
public KategorienUndArtikel() {\r\n     InitializeComponent();\r\n     vsKategorien= ((CollectionViewSource)\r\n         (this.FindResource(\"vsKategorien\")));\r\n     DBContext.Kategorien.Load();\r\n     vsKategorien.Source = DBContext.Kategorien.Local;\r\n}<\/pre>\n
Nun folgt die Definition der Steuerelemente im Fenster. Dazu fügen wir dem bereits vorhandenen Grid<\/b>-Element die statische Ressource von oben als DataContext <\/b>hinzu:<\/p>\n
<Grid DataContext=\"{StaticResource vsKategorien}\"><\/pre>\n
Danach definieren wir für das Grid zwei Spalten und vier Zeilen. Die ersten beiden Spalten sollen die Felder ID <\/b>und Bezeichnung <\/b>der Entität Kategorie <\/b>anzeigen. Dazu stellen wir das Attribut Text <\/b>auf einen entsprechenden Binding<\/b>-Ausdruck ein, der die Eigenschaft ID <\/b>referenziert. Gleiches erledigen wir für das Textfeld txtBezeichnung<\/b>, welches auf die Eigenschaft Bezeichnung <\/b>zeigt (siehe Listing 1).<\/p>\n
<Grid DataContext=\"{StaticResource vsKategorien}\">\r\n     <Grid.ColumnDefinitions>\r\n         <ColumnDefinition Width=\"Auto\"\/>\r\n         <ColumnDefinition Width=\"Auto\"\/>\r\n     <\/Grid.ColumnDefinitions>\r\n     <Grid.RowDefinitions>\r\n         <RowDefinition Height=\"Auto\"\/>\r\n         <RowDefinition Height=\"Auto\"\/>\r\n         <RowDefinition Height=\"Auto\"\/>\r\n         <RowDefinition Height=\"Auto\"\/>\r\n     <\/Grid.RowDefinitions>\r\n     <Label Content=\"ID:\" Grid.Column=\"0\" HorizontalAlignment=\"Left\" Margin=\"3\" VerticalAlignment=\"Center\"\/>\r\n     <TextBox x:Name=\"txtID\" Grid.Column=\"1\" HorizontalAlignment=\"Left\" Height=\"22\" Margin=\"3,4,0,6\" Text=\"{Binding ID, \r\n         Mode=TwoWay, NotifyOnValidationError=true, ValidatesOnExceptions=true}\" VerticalAlignment=\"Center\" Width=\"120\"\/>\r\n     <Label Content=\"Bezeichnung:\" Grid.Column=\"0\" HorizontalAlignment=\"Left\" Margin=\"3\" Grid.Row=\"1\" \r\n         VerticalAlignment=\"Center\"\/>\r\n     <TextBox x:Name=\"txtBezeichnung\" Grid.Column=\"1\" HorizontalAlignment=\"Left\" Height=\"23\" Margin=\"3\" \r\n         Grid.Row=\"1\" Text=\"{Binding Bezeichnung, Mode=TwoWay, NotifyOnValidationError=true, ValidatesOnExceptions=true}\" \r\n         VerticalAlignment=\"Center\" Width=\"120\"\/>\r\n     ...\r\n<\/Grid><\/pre>\n
Listing 1: Definition der Steuerelemente des Hauptfensters<\/span><\/b><\/p>\n
Nun fehlen allerdings noch die Navigationsschaltflächen. Diese können Sie einfach in einem Stück aus dem XAML-Code des Fensters ArtikelMitKombinationsfeld <\/b>als Grid in die dritte Zeile des Hauptgrids hineinkopieren. Am XAML-Code brauchen Sie keine Änderungen vorzunehmen. Das Fenster sieht nun im Entwurf wie in Bild 1 aus.<\/p>\n
\"Aktuelle<\/p>\n
Bild 1: Aktuelle Entwurfsansicht des Fensters<\/span><\/b><\/p>\n
Code für Navigationsschaltflächen kopieren und anpassen<\/h2>\n
Danach kopieren Sie die Ereignismethoden aus der Code behind-Klasse des Fensters ArtikelMitKombinationsfeld <\/b>in die Code behind-Klasse des neuen Fensters KategorienUndArtikel<\/b>. Die Methoden passen Sie derart an, dass Sie den Namen der CollectionViewSource <\/b>austauschen sowie an allen Stellen die Liste Artikel <\/b>durch die Liste Kategorien <\/b>und die Entität Artikel <\/b>durch die Entität Kategorie <\/b>ersetzen. Das Ergebnis sieht wie in Listing 2 aus. Danach können Sie das Projekt schon starten und die Datensätze des neuen Fensters mit den Navigationsschaltflächen durchlaufen.<\/p>\n
private void btnErster_Click(object sender, RoutedEventArgs e) {\r\n     Speichern();\r\n     if (vsKategorien.View.CurrentPosition > 0) {\r\n         vsKategorien.View.MoveCurrentToFirst();\r\n     }\r\n}\r\nprivate void btnVorheriger_Click(object sender, RoutedEventArgs e) {\r\n     Speichern();\r\n     if (vsKategorien.View.CurrentPosition > 0) {\r\n         vsKategorien.View.MoveCurrentToPrevious();\r\n     }\r\n}\r\nprivate void btnNaechster_Click(object sender, RoutedEventArgs e) {\r\n     Speichern();\r\n     if (vsKategorien.View.CurrentPosition < ((CollectionView)vsKategorien.View).Count) {\r\n         vsKategorien.View.MoveCurrentToNext();\r\n     }\r\n}\r\nprivate void btnLetzter_Click(object sender, RoutedEventArgs e) {\r\n     Speichern();\r\n     if (vsKategorien.View.CurrentPosition < ((CollectionView)vsKategorien.View).Count) {\r\n         vsKategorien.View.MoveCurrentToLast();\r\n     }\r\n}\r\nprivate void Speichern() {\r\n     if (DBContext.ChangeTracker.HasChanges()) {\r\n         DBContext.SaveChanges();\r\n     }\r\n}\r\nprivate void btnNeu_Click(object sender, RoutedEventArgs e) {\r\n     DBContext.Kategorien.Add(DBContext.Kategorien.Create());\r\n     vsKategorien.View.MoveCurrentToLast();\r\n}\r\nprivate void btnLoeschen_Click(object sender, RoutedEventArgs e) {\r\n     Kategorie kategorie = (Kategorie)vsKategorien.View.CurrentItem;\r\n     if (kategorie != null) {\r\n         DBContext.Kategorien.Remove(kategorie);\r\n         Speichern();\r\n     }\r\n}<\/pre>\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