{"id":55000151,"date":"2018-10-01T00:00:00","date_gmt":"2020-03-27T19:34:33","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=151"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"EDM_DataGrid_als_Datenblatt","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/EDM_DataGrid_als_Datenblatt\/","title":{"rendered":"EDM: DataGrid als Datenblatt"},"content":{"rendered":"

Wer von Access kommt und Datenbankanwendungen mit Visual Studio programmieren möchte, vermisst vermutlich das einfache Datenblatt, das man unter Access mit wenigen Mausklicks zusammenstellen konnte. Dieses zeigt nicht nur die Datensätze der als Datenherkunft verwendeten Tabelle oder Abfrage an, sondern bietet auch die Möglichkeit, die enthaltenen Daten zu ändern, zu löschen oder durch neue Datensätze zu ergänzen. Dies wollen wir in diesem Artikel durch den Einsatz eines entsprechend programmierten DataGrid-Steuerelements nachbauen.<\/b><\/p>\n

Beispieldaten<\/h2>\n

In den Artikeln Von Access zu Entity Framework: Datenmodell <\/b>und Von Access zu Entity Framework: Daten <\/b>haben wir gezeigt, wie Sie ein Entity Data Modell auf Basis eines Access-Datenmodells erstellen und die Daten für die daraus zu erzeugenden Tabellen in eine Seed<\/b>-Methode schreiben. Im Beispielprojekt dieses Artikels haben wir das Entity Data Model und die Klasse mit der Seed<\/b>-Methode bereits angelegt, sodass Sie nach dem Kopieren des Projektordners auf Ihren Rechner einfach nur den die Anweisung Update-Database in der Paket-Manager-Konsole ausführen müssen. Dadurch sollte automatisch eine Datenbank für den in der Verbindungszeichenfolge angegebenen SQL Server, hier LocalDb<\/b>, angelegt und mit den angegebenen Tabellen und Daten gefüllt werden.<\/p>\n

Fenster mit DataGrid anlegen<\/h2>\n

Wir wollen gleich ein eigenes Fenster für dieses Beispiel anlegen, das Sie dann über eine Schaltfläche vom Fenster MainWindow <\/b>aus aufrufen können. Dazu legen wir die folgende Schaltfläche in diesem Fenster an:<\/p>\n

<Grid>\r\n     <Button x:Name=\"btnProdukteDataGrid\" Click=\"btnProdukteDataGrid_Click\">DataGrid mit Produkten<\/Button>\r\n<\/Grid><\/pre>\n
Die Schaltfläche soll die folgende Ereignismethode aufrufen:<\/p>\n
Private Sub <\/span>btnProdukteDataGrid_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     Dim <\/span>wnd As <\/span>Window\r\n     wnd = New<\/span> ProdukteDataGrid\r\n     wnd.ShowDialog()\r\nEnd Sub<\/span><\/pre>\n
Das neue Fenster nennen wir ProdukteDatagrid.xaml<\/b>. Zunächst legen wir ein paar Elemente in der Code behind-Klasse an, der wir zunächst die Konstruktor-Methode hinzufügen:<\/p>\n
Public Class<\/span> ProdukteDataGrid\r\n     Public <\/span>Sub New()\r\n     End Sub\r\nEnd Class<\/span><\/pre>\n
Wir benötigen einen Verweis auf den Namespace System.Collections.ObjectModel<\/b>:<\/p>\n
Imports System.Collections.ObjectModel<\/pre>\n
In der Klasse definieren wir eine lokale Variable für die Kontextklasse sowie die Liste der Produkte:<\/p>\n
Private <\/span>dbContext As <\/span>BestellverwaltungContext\r\nPrivate <\/span>m_Produkte As <\/span>ObservableCollection(Of Produkt)<\/pre>\n
Die Liste der Produkte wollen wir über eine öffentliche Eigenschaft namens Produkte <\/b>verfügbar machen:<\/p>\n
Public Property <\/span>Produkte() As <\/span>ObservableCollection(Of Produkt)\r\n     Get\r\n         Return m_Produkte\r\n     End Get\r\n     Set(ByVal value As <\/span>ObservableCollection(Of Produkt))\r\n         m_Produkte = value\r\n     End Set<\/span>\r\nEnd Property<\/span><\/pre>\n
Damit das DataGrid beim Öffnen direkt mit den Daten gefüllt wird, erweitern wir die Konstruktormethode mit diesen Anweisungen:<\/p>\n
Public Sub <\/span>New()\r\n     InitializeComponent()\r\n     dbContext = New<\/span> BestellverwaltungContext\r\n     Produkte = New<\/span> ObservableCollection(Of Produkt)(dbContext.Produkte)\r\n     DataContext = Me\r\nEnd Sub<\/span><\/pre>\n
Darin füllen wir die Kontext-Variable und die List<\/b>-Variable Produkte <\/b>mit der Liste der Produkte. Schließlich stellen wir den DataContext <\/b>auf die Code behind-Klasse ein. Wenn wir nun das Projekt starten und im Fenster MainWindow<\/b> auf die Schaltfläche klicken, erscheint das DataGrid wie in Bild 1.<\/p>\n
\"DataGrid<\/p>\n
Bild 1: DataGrid mit den Daten der Tabelle Produkte<\/span><\/b><\/p>\n
Kombinationsfelder anzeigen<\/h2>\n
Die Daten der Felder KategorieID <\/b>und MehrwertsteuersatzID <\/b>möchten wir gern aus den jeweils verknüpften Auflistungen Kategorien <\/b>und Mehrwertsteuersaetze <\/b>füllen. Außerdem wollen wir noch die Spaltenüberschriften anpassen. Das erledigen wir mit den folgenden Erweiterungen, wobei wir erst die Daten für die Kombinationsfelder in der Code behind-Klasse verfügbar machen. Dazu fügen wir zwei private Variablen für die Listen der Kategorien und der Mehrwertsteuersätze hinzu:<\/p>\n
Private <\/span>m_Kategorien As <\/span>List(Of Kategorie)\r\nPrivate <\/span>m_Mehrwertsteuersaetze As <\/span>List(Of Mehrwertsteuersatz)<\/pre>\n
Für beide richten wir entsprechende öffentliche Eigenschaften ein:<\/p>\n
Public Property <\/span>Kategorien As <\/span>List(Of Kategorie)\r\n     Get\r\n         Return m_Kategorien\r\n     End Get\r\n     Set(ByVal value As <\/span>List(Of Kategorie))\r\n         m_Kategorien = value\r\n     End Set<\/span>\r\nEnd Property<\/span>\r\nPublic Property <\/span>Mehrwertsteuersaetze As <\/span>List(Of Mehrwertsteuersatz)\r\n     Get\r\n         Return m_Mehrwertsteuersaetze\r\n     End Get\r\n     Set(ByVal value As <\/span>List(Of Mehrwertsteuersatz))\r\n         m_Mehrwertsteuersaetze = value\r\n     End Set<\/span>\r\nEnd Property<\/span><\/pre>\n
Schließlich füllen wir diese in der Konstruktor-Methode aus den entsprechenden DbSets:<\/p>\n
Public Sub <\/span>New()\r\n     ...\r\n     Kategorien = New<\/span> List(Of Kategorie)(dbContext.Kategorien)\r\n     Mehrwertsteuersaetze = New<\/span> List(Of Mehrwertsteuersatz)(dbContext.Mehrwertsteuersaetze)\r\n     DataContext = Me\r\nEnd Sub<\/span><\/pre>\n
Damit stehen die Daten der Kategorien und der Mehrwertsteuersätze über die öffentlichen Variablen Kategorien <\/b>und Mehrwertsteuersaetze <\/b>für den Zugriff aus der XAML-Seite bereit. Diese passen wir nun wie folgt an. Zunächst stellen wir AutoGenerateColumns<\/b> auf False <\/b>ein, da wir die Spalten nun von Hand definieren:<\/p>\n
<DataGrid x:Name=\"dgProdukte\" ItemsSource=\"{Binding Produkte}\" AutoGenerateColumns=\"False\"><\/pre>\n
Dann folgen die einzelnen Spaltendefinitionen im DataGrid.Columns<\/b>-Element:<\/p>\n
     <DataGrid.Columns>\r\n         <DataGridTextColumn Binding=\"{Binding Path=Name}\" Header=\"Produkt\"><\/DataGridTextColumn><\/pre>\n
Das Kombinationsfeld realisieren wir als DataGridComboBocColumn<\/b>-Element, für das wir den Header festlegen sowie das gebundene Feld der Datenquelle des DataGrids beziehungsweise des Fensters (SelectedValueBinding<\/b>), den Namen des anzuzeigenden Feldes (DisplayMemberPath<\/b>) und den Namen des gebundenen Feldes (SelectedValuePath<\/b>):<\/p>\n
         <DataGridComboBoxColumn Header=\"Kategorie\" SelectedValueBinding=\"{Binding KategorieID}\"             DisplayMemberPath=\"Name\" SelectedValuePath=\"ID\"><\/pre>\n
Die Datenquelle für das Kombinationsfeld müssen wir über einen Umweg festlegen, indem wir die Eigenschaft ItemsSource <\/b>manuell definieren und füllen. Die Daten beziehen wir dabei aus der entsprechenden Eigenschaft des übergeordneten Window<\/b>-Elements. Dies legen wir sowohl für die Eigenschaft ElementStyle <\/b>als auch für die Eigenschaft EditingElementStyle <\/b>fest. Dabei liefert ElementStyle <\/b>die Formatierung für den angezeigten Text des Kombinationsfeldes und EditingElementStyle <\/b>die Formatierung für die Elemente in der Liste nach dem Aufklappen:<\/p>\n
             <DataGridComboBoxColumn.ElementStyle>\r\n                 <Style TargetType=\"{x:Type ComboBox}\">\r\n                 <Setter Property=\"ItemsSource\" Value=\"{Binding Path=DataContext.Kategorien,                     RelativeSource={RelativeSource AncestorType={x:Type Window}}}\" \/>\r\n             <\/Style>\r\n             <\/DataGridComboBoxColumn.ElementStyle>\r\n             <DataGridComboBoxColumn.EditingElementStyle>\r\n                 <Style TargetType=\"{x:Type ComboBox}\">\r\n                     <Setter Property=\"ItemsSource\" Value=\"{Binding Path=DataContext.Kategorien,                         RelativeSource={RelativeSource AncestorType={x:Type Window}}}\" \/>\r\n                 <\/Style>\r\n             <\/DataGridComboBoxColumn.EditingElementStyle>\r\n         <\/DataGridComboBoxColumn><\/pre>\n
Beim Kombinationsfeld für die Mehrwertsteuersätze ist noch eine weitere Information in Form eines zusätzlichen Setters erforderlich, und zwar die Angabe der Formatierung. Während die Mehrwertsteuersätze in Form der Werte 0,07 <\/b>und 0,19 <\/b>gespeichert sind, sollen diese als 7,00% <\/b>und 19,00% <\/b>im Kombinationsfeld erscheinen. Daher definieren wir hier zusätzlich den Setter für die Eigenschaft ItemStringFormat<\/b>:<\/p>\n
         <DataGridComboBoxColumn Header=\"MwSt.-Satz\" SelectedValueBinding=\"{Binding MehrwertsteuersatzID}\"             DisplayMemberPath=\"Name\" SelectedValuePath=\"ID\">\r\n             <DataGridComboBoxColumn.ElementStyle>\r\n                 <Style TargetType=\"{x:Type ComboBox}\">\r\n                     <Setter Property=\"ItemsSource\" Value=\"{Binding Path=DataContext.Mehrwertsteuersaetze,                         RelativeSource={RelativeSource AncestorType={x:Type Window}}}\" \/>\r\n                     <Setter Property=\"ItemStringFormat\" Value=\"P\"><\/Setter>\r\n                 <\/Style>\r\n             <\/DataGridComboBoxColumn.ElementStyle>\r\n             <DataGridComboBoxColumn.EditingElementStyle>\r\n                 <Style TargetType=\"{x:Type ComboBox}\">\r\n                     <Setter Property=\"ItemsSource\" Value=\"{Binding Path=DataContext.Mehrwertsteuersaetze,                         RelativeSource={RelativeSource AncestorType={x:Type Window}}}\" \/>\r\n                     <Setter Property=\"ItemStringFormat\" Value=\"P\"><\/Setter>\r\n                 <\/Style>\r\n             <\/DataGridComboBoxColumn.EditingElementStyle>\r\n         <\/DataGridComboBoxColumn><\/pre>\n
Schließlich folgen noch die Spaltendefinitionen für die übrigen Felder:<\/p>\n
         <DataGridTextColumn Binding=\"{Binding Path=Einzelpreis}\" Header=\"Einzelpreis\"><\/DataGridTextColumn>\r\n         <DataGridTextColumn Binding=\"{Binding Path=Bestand}\" Header=\"Bestand\"><\/DataGridTextColumn>\r\n         <DataGridTextColumn Binding=\"{Binding Path=Mindestbestand}\" Header=\"Mindestbestand\"><\/DataGridTextColumn>\r\n         <DataGridCheckBoxColumn Binding=\"{Binding Path=Auslaufprodukt}\" Header=\"Auslaufprodukt\"><\/DataGridCheckBoxColumn>\r\n     <\/DataGrid.Columns>\r\n<\/DataGrid><\/pre>\n
Nach einem Neustart sieht das DataGrid<\/b>-Steuerelement nun wie in Bild 2 aus.<\/p>\n
\"DataGrid<\/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