![\"Die](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_001.png\")
<\/p>\nUnter Access haben Sie mit wenigen Mausklicks die Daten einer Tabelle in einem Formular angezeigt – Datenherkunft festlegen, Felder aus der Feldliste in das Formular zeihen, fertig war das Formular. Unter WPF ist es erstens etwas aufwendiger, und zweitens gibt es verschiedene Möglichkeiten, dies zu realisieren. In diesem Artikel schauen wir uns die einfachste Methode an, die Daten einer einfachen Tabelle in einem Fenster anzuzeigen, in den Datensätzen zu navigieren und Änderungen zu speichern.<\/b><\/p>\n
Wie unter Access gibt es auch unter C# einfache und schnelle Wege, ein Ziel zu erreichen – nämlich mit Unterstützung der Entwicklungsumgebung, meist in Form von Assistenten. Wer später Änderungen am Entwurf seiner Benutzeroberfläche vornehmen möchte, sollte jedoch wissen, was der Assistent dort im Einzelnen gezaubert hat.<\/p>\n
Deshalb schauen wir uns in diesem Artikel zunächst an, wie Sie die Daten einer Tabelle so schnell wie möglich in einem Fenster anzeigen. Später erfahren Sie dann, was dort alles geschehen ist und wie Sie ein solches Fenster von Hand erstellen und auch anpassen können.<\/p>\n
Voraussetzung für die Beispiele dieses Artikels ist das Vorhandensein der Beispieldatenbank Suedsturm.mdb<\/b>, einer Access-Datenbank. Diese sollte im Projektverzeichnis liegen und auch dem Projekt im Projektmappen-Explorer zugewiesen sein, damit dieses beim Debuggen automatisch in den Debug<\/b>-Ordner kopiert wird und dort für den Zugriff beim Testen zur Verfügung steht. Ist dies nicht der Fall, ziehen Sie die Datenbankdatei Suedsturm.mdb <\/b>einfach aus dem Windows Explorer auf den Namen des Projekts im Projektmappen-Explorer von Visual Studio.<\/p>\n
Da wir im Folgenden auch Änderungen an Datensätzen vornehmen wollen, soll bei jedem neuen Debuggen die Original-Datenbank erneut in das Debug<\/b>-Verzeichnis kopiert werden. Dazu stellen Sie die Eigenschaft In Ausgabeverzeichnis kopieren des Elements Suedsturm.mdb <\/b>auf den Wert Immer kopieren <\/b>ein (siehe Bild 1). So erscheinen gelöschte oder geänderte beim nächsten Debuggen immer wieder im Ausgangszustand.<\/p>\n
<\/p>\n
Bild 1: Die Datenbank soll beim Debuggen jeweils erneut ins Debug-Verzeichnis kopiert werden.<\/span><\/b><\/p>\n Die einfachste Disziplin beim Anzeigen von Daten unter Access war ein Formular, das die Daten in der Formularansicht anzeigt. Dazu mussten Sie einfach nur die Tabelle markieren, deren Daten Sie anzeigen wollten, und den entsprechenden Assistenten aufrufen. Im Ergebnis erhielten Sie ein neues Formular mit allen Feldern der Datenherkunft plus einer Navigationsleiste, die fest im Formular verbaut war und die Navigation zwischen den Datensätzen sowie das Anlegen und Löschen erleichterte.<\/p>\n Unter WPF, soviel sei vorab verraten, gibt es keine vorgefertigten Formulare mit Navigationsleisten oder gar einem Datensatzmarkierer wie unter Access. Hier müssen Sie alle Elemente selbst hinzufügen, allerdings hilft die Entwicklungsumgebung bei dem einen oder anderen Schritt.<\/p>\n Mit dem Menüeintrag Projekt|Neue Datenquelle hinzufügen… <\/b>öffnen Sie den Dialog Assistent zum Konfigurieren von Datenquellen<\/b>. Wählen Sie hier im ersten Schritt den Eintrag Datenbank <\/b>aus (siehe Bild 2).<\/p>\n Bild 2: Der erste Schritt im Assistent zum Konfigurieren von Datenquellen<\/span><\/b><\/p>\n Im folgenden Schritt haben Sie nur eine sehr eingeschränkte Auswahl (siehe Bild 3). Sie brauchen also nur auf die Schaltfläche Weiter <\/b>zu klicken.<\/p>\n Bild 3: Auswahl der Art des Datenbankmodells<\/span><\/b><\/p>\n Im folgenden Dialog wählen Sie dann die Datenverbindung aus. In unserem Fall ist dies einfach: Wir müssen einfach nur die bereits als mögliche Datenquelle erkannte Access-Datenbank namens Suedsturm.mdb <\/b>zu bestätigen. Mit einem Klick auf das Plus-Zeichen im unteren Bereich können Sie noch die Verbindungszeichenfolge für diese Verbindung anzeigen lassen (siehe Bild 4).<\/p>\n Bild 4: Festlegen der Datenverbindung<\/span><\/b><\/p>\n Schließlich können Sie noch festlegen, dass die Verbindungszeichenfolge in der Anwendungskonfigurationsdatei gespeichert wird (siehe Bild 5).<\/p>\n Bild 5: Speichern der Datenverbindung<\/span><\/b><\/p>\n Im folgenden Schritt wird es interessant. Hier analysiert der Assistent die angegebene Datenbank und stellt alle Objekte der Typen Tabelle <\/b>und Abfrage <\/b>zur Auswahl. Zu jedem Objekt können Sie die Felder auswählen, die zum DataSet <\/b>hinzugefügt werden sollen. Überhaupt kommt hier das erste Mal der Begriff DataSet<\/b> zum Einsatz (siehe Bild 6).<\/p>\n Bild 6: Auswahl der Tabellen\/Datenbankobjekte für ein DataSet<\/span><\/b><\/p>\n Fürs Erste wollen wir nun die drei Felder KategorieID<\/b>, Kategoriename <\/b>und Beschreibung <\/b>der Tabelle tblKategorien <\/b>zum DataSet <\/b>hinzufügen. Dieses DataSet <\/b>wollen wir dann unter dem Namen dsTblKategorien <\/b>speichern.<\/p>\n Was ist nun geschehen Der Assistent hat nicht nur einen neuen Eintrag zum Bereich Datenquellen <\/b>hinzugefügt, sondern Sie finden auch im Projektmappen-Explorer ein neues Element. Dieses heißt dsTblKategorien.xsd <\/b>und wird in Visual Studio grafisch wie in Bild 7 dargestellt. Dort finden Sie oben ein Objekt für die einzige Tabelle des DataSet<\/b>-Objekts sowie ein weiteres namens tblKategorienTableAdapter<\/b>, das die beiden Methoden Fill <\/b>und GetData() <\/b>anzeigt. Die untergeordneten Objekte enthalten, kurz gesagt, eine Menge automatisch generierten C#-Codes.<\/p>\n Bild 7: Neue Objekte im Projektmappen-Explorer<\/span><\/b><\/p>\n Das Ergebnis der Auswahl der Verbindungszeichenfolge landet übrigens in der Datei Settings.settings <\/b>(siehe Bild 8). Wenn Sie die Verbindungszeichenfolge also entfernen möchten, müssen Sie also hier Hand anlegen.<\/p>\n Bild 8: Die Verbindungszeichenfolge wird im Bereich Settings.settings gespeichert.<\/span><\/b><\/p>\n Nach Abschluss des Assistenten finden Sie außerdem die neue Datenquelle im Bereich Datenquellen<\/b> von Visual Studio vor (siehe Bild 9).<\/p>\n Bild 9: Die neue Datenquelle im Bereich Datenquellen von Visual Studio<\/span><\/b><\/p>\n Mit den erzeugten Elementen können wir nun schon eine Menge erledigen. Der erste Schritt ist, dass Sie ein neues Fenster namens TabelleInFenster.xaml<\/b> anlegen (Menüpunkt Projekt|Fenster hinzufügen<\/b>). Das Fenster ist nun noch leer. Nun aktivieren Sie den Bereich Ansicht|Weitere Fenster|Datenquellen <\/b>beziehungsweise Tastenkombination Umschalt + Alt + D<\/b> (siehe Bild 10).<\/p>\n Bild 10: Die Datenquellen und das noch leere Fenster<\/span><\/b><\/p>\n Hier haben Sie eine Reihe von Möglichkeiten. Die erste ist, einfach das Objekt tblKategorien <\/b>in das Fenster zu ziehen. Dies würde ein DataGrid<\/b>-Steuerelement zum Fenster hinzufügen, das die drei Felder der Tabelle tblKategorien <\/b>anzeigt. Dies behandeln wir allerdings in einem weiteren Artikel – hier wollen wir uns um die Detailansicht kümmern.<\/p>\n Dazu ziehen Sie die drei Felder KategorieID<\/b>, Kategoriename <\/b>und Beschreibung <\/b>einzeln in den Entwurf des Fensters, sodass sein Inhalt etwa wie in Bild 11 aussieht. Was ist nun geschehen<\/p>\n Bild 11: Fenster mit Steuerelementen<\/span><\/b><\/p>\n Listing 1: Ressourcen-Informationen durch Hinzufügen des ersten Steuerelements zum Fenster<\/span><\/b><\/p>\n Schauen wir uns erst die Steuerelemente und die Grid<\/b>-Elemente an, in denen diese angelegt wurden. Alle wurden mit dem Attribut DataContext=”{StaticResource tblKategorienViewSource}” <\/b>ausgestattet. Es reicht, wenn wir dieses einmal dem umschließenden Grid<\/b>-Element zuweisen.<\/p>\n Dann stellen wir das übergeordnete Grid<\/b>-Steuerelement auf drei Zeilen und zwei Spalten ein. Die übrigen Grid<\/b>-Elemente samt Grid.ColumnDefinitions<\/b>-, ColumnDefinition<\/b>-, Grid.RowDefinitions<\/b>– und RowDefinition<\/b>-Elementen löschen wir.<\/p>\n Die verbleibenden Label<\/b>– und TextBox<\/b>-Steuerelemente fügen wir in die Grid<\/b>-Zellen ein, indem wir die Attribute Grid.Column <\/b>und Grid.Row <\/b>entsprechend mit den nullbasierten Indizes der Zellen auszeichnen. Außerdem passen wir das Layout noch an. Das Ergebnis im Code sehen Sie in Listing 2.<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>Schnelle Datenanzeige<\/h2>\n
Datenquelle hinzufügen<\/h2>\n
![\"Der](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_002.png\")
<\/p>\n![\"Auswahl](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_003.png\")
<\/p>\n![\"Festlegen](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_004.png\")
<\/p>\n![\"Speichern](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_005.png\")
<\/p>\n![\"Auswahl](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_006.png\")
<\/p>\n![\"Neue](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_008.png\")
<\/p>\n![\"Die](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_012.png\")
<\/p>\n![\"Die](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_007.png\")
<\/p>\nFelder zum Fenster hinzufügen<\/h2>\n
![\"Die](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_010.png\")
<\/p>\n![\"Fenster](\"..\/fileadmin\/_temp_\/2016_01\/pic_25_013.png\")
<\/p>\n\n
<Window.Resources>\r\n <WPFUndAdoNet:dsTblKategorien x:Key=\"dsTblKategorien\"\/>\r\n <CollectionViewSource x:Key=\"tblKategorienViewSource\" \r\n Source=\"{Binding tblKategorien, Source={StaticResource dsTblKategorien}}\"\/>\r\n <\/Window.Resources><\/pre>\nSteuerelemente organisieren<\/h2>\n
<Window xmlns:WPFUndAdoNet=\"clr-namespace:WPFUndAdoNet\" x:Class=\"WPFUndAdoNet.Properties.TabelleInFenster\"\r\n mc:Ignorable=\"d\" Title=\"TabelleInFenster\" Height=\"175\" Width=\"412\" Loaded=\"Window_Loaded\">\r\n <Window.Resources>\r\n <WPFUndAdoNet:dsTblKategorien x:Key=\"dsTblKategorien\"\/>\r\n <CollectionViewSource x:Key=\"tblKategorienViewSource\" Source=\"{Binding tblKategorien, \r\n Source={StaticResource dsTblKategorien}}\"\/>\r\n <\/Window.Resources>\r\n <Grid DataContext=\"{StaticResource tblKategorienViewSource}\">\r\n <Grid.RowDefinitions>\r\n <RowDefinition Height=\"30\"\/>\r\n <RowDefinition Height=\"30\"\/>\r\n <RowDefinition Height=\"30\"\/>\r\n <\/Grid.RowDefinitions>\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"110\"\/>\r\n <ColumnDefinition\/>\r\n <\/Grid.ColumnDefinitions>\r\n <Label Content=\"Kategorie ID:\" Grid.Column=\"0\" HorizontalAlignment=\"Left\" Grid.Row=\"0\" \r\n VerticalAlignment=\"Center\"\/>\r\n <TextBox x:Name=\"kategorieIDTextBox\" Grid.Column=\"1\" HorizontalAlignment=\"Stretch\" Height=\"23\" Margin=\"3,3,3,3\" \r\n Grid.Row=\"0\" Text=\"{Binding KategorieID, Mode=TwoWay, NotifyOnValidationError=true, \r\n ValidatesOnExceptions=true}\" VerticalAlignment=\"Center\" \/>\r\n <Label Content=\"Kategoriename:\" Grid.Column=\"0\" HorizontalAlignment=\"Left\" Grid.Row=\"1\" \r\n VerticalAlignment=\"Center\"\/>\r\n <TextBox x:Name=\"kategorienameTextBox\" Grid.Column=\"1\" HorizontalAlignment=\"Stretch\" Height=\"23\" Margin=\"3,3,3,3\"\r\n Grid.Row=\"1\" Text=\"{Binding Kategoriename, Mode=TwoWay, NotifyOnValidationError=true, \r\n ValidatesOnExceptions=true}\" VerticalAlignment=\"Center\"\/>\r\n <Label Content=\"Beschreibung:\" Grid.Column=\"0\" HorizontalAlignment=\"Left\" Grid.Row=\"2\" \r\n VerticalAlignment=\"Center\"\/>\r\n <TextBox x:Name=\"beschreibungTextBox\" Grid.Column=\"1\" HorizontalAlignment=\"Stretch\" Height=\"23\" Margin=\"3,3,3,3\" \r\n Grid.Row=\"2\" Text=\"{Binding Beschreibung, Mode=TwoWay, NotifyOnValidationError=true, \r\n ValidatesOnExceptions=true}\" VerticalAlignment=\"Center\"\/>\r\n <\/Grid>\r\n<\/Window><\/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