![\"Übersicht](\"..\/fileadmin\/_temp_\/2017_02\/pic_84_001.png\")
<\/p>\nAuch in dieser Ausgabe geht es mit unserer Beispiellösung Bestellverwaltung weiter. Nachdem wir bereits Kunden, Produkte und Kategorien verwalten können, nehmen wir uns nun die Bestellungen und Bestellpositionen vor. Dabei brauchen wir ein paar neue Seiten, um die Details einer Bestellung mit den Bestellpositionen und die Details einer neuen oder zu bearbeitenden Bestellposition anzuzeigen. Damit werden wir erstmal die Bearbeitung von Daten einer m:n-Beziehung ermöglichen.<\/b><\/p>\nNeue Funktionen<\/h2>\n
Die neue Version der Bestellverwaltung enthält wieder eine neue Gruppe im Ribbon, mit der zwei neue Seiten geöffnet werden können. Die erste davon ist eine Übersicht der Bestellungen in absteigender Reihenfolge nach dem Bestelldatum (siehe Bild 1).<\/p>\n
<\/p>\n
Bild 1: Übersicht der Bestellungen<\/span><\/b><\/p>\n Hier kann der Benutzer die aktuell markierte Bestellung per Mausklick löschen oder auch eine neue Bestellung anlegen. Per Doppelklick lässt sich die angeklickte Bestellung öffnen (siehe Bild 2).<\/p>\n Bild 2: Bestellung in der Detailansicht<\/span><\/b><\/p>\n Ein Klick auf den Ribbon-Eintrag Neue Bestellung <\/b>soll den Dialog mit den Bestelldetails für eine neue Bestellung anzeigen, wobei direkt das Kombinationsfeld zur Auswahl des Kunden für diese Bestellung ausgeklappt wird (siehe Bild 3).<\/p>\n Bild 3: Anlegen einer neuen Bestellung<\/span><\/b><\/p>\n Auch wenn der Benutzer mit einem Klick auf die Schaltfläche Neue Bestellposition <\/b>klickt, soll sich direkt das Kombinationsfeld zur Auswahl des betroffenen Produkts öffnen und die schnelle Auswahl erleichtern.<\/p>\n Wenn der Benutzer dann das gewünschte Produkt ausgewählt hat, sollen direkt die Werte der Felder Einzelpreis<\/b>, Mehrwertsteuersatz <\/b>und Gewicht <\/b>aus der Tabelle Produkte <\/b>in den neuen Datensatz der Tabelle tblBestellpositionen <\/b>übernommen werden.<\/p>\n Die Detailseite für eine Bestellposition, wie sie nach einem Doppelklick auf einen der Einträge der Seite mit den Bestelldetails aussieht, finden Sie in Bild 4.<\/p>\n Bild 4: Bearbeiten einer Bestellposition<\/span><\/b><\/p>\n Für diese neue Version der Bestellverwaltung haben wir ein paar kleine Änderungen am Datenmodell der SQLite-Datenbank Bestellungen.db <\/b>vorgenommen. Dabei sind wir auf zwei Probleme gestoßen, die wir wie folgt gelöst haben:<\/p>\n Dieser Teil bringt keine neuen Techniken. Die beiden neu hinzugefügten Ribbon-Schaltflächen heißen btnNeueBestellung <\/b>und btnBestelluebersicht <\/b>und laden die Seiten BestellungDetails.xaml <\/b>beziehungsweise BestellungUebersicht.xaml <\/b>in das Frame<\/b>-Element namens Workzone<\/b>.<\/p>\n Die Schaltfläche btnBestelluebersicht <\/b>löst die folgende Ereignismethode aus:<\/p>\n Die hier aufgerufene Methode ShowBestellungenUebersicht<\/b> verwendet den optionalen Parameter bestellungID<\/b>, der beim Aufruf nach dem Ändern oder Neuanlegen einer Bestellung übergeben werden kann, damit der geänderte oder neu angelegte Eintrag im DataGrid markiert werden kann.<\/p>\n Wurde die Seite BestellungUebersicht <\/b>noch nicht erstellt oder gab es eine Änderung bei einer der Bestellungen, wird die Seite neu erstellt und die Variable BestellungChanged <\/b>auf false <\/b>eingestellt. Anschließend abonniert die Klasse MainWindow.xaml.cs <\/b>die beiden Ereignisse ItemDoubleClicked <\/b>und NewItem <\/b>der Klasse BestellungUebersicht.xaml.cs<\/b>. Schließlich wird die Seite, egal ob neu erzeugt oder bereits vorhanden, im Frame<\/b>-Steuerelement Workzone <\/b>angezeigt:<\/p>\n Schauen wir uns erst die Seite BestellungUebersicht.xaml <\/b>an. Diese enthält unter anderem ein DataGrid mit drei Spalten, die wie folgt definiert werden. Interessant ist hier wieder die in eine Ressource des DataGrid<\/b>-Elements ausgelagerte Ereignisdefinition für das Ereignis MouseDoubleClick<\/b>, welches die Methode Row_DoubleClick <\/b>aufrufen soll.<\/p>\n Außerdem haben wir hier die beiden Felder Nachname <\/b>und Vorname <\/b>der Auflistung Kunden <\/b>des Bestellung<\/b>-Objekts in einem MultiBinding<\/b>-Element zusammengefasst:<\/p>\n Das DataGrid wird mit den Bestellungen aus einer ObservableCollection <\/b>namens bestellungen <\/b>mit Elementen des Typs Bestellung <\/b>gefüttert, und zwar über die öffentliche Eigenschaft Bestellungen<\/b>:<\/p>\n In der Konstruktor-Methode BestellungUebersicht <\/b>erstellen wir das dbContext<\/b>-Element und füllen die Collection bestellungen<\/b>:<\/p>\n Ein Klick auf die Schaltfläche btnNeu <\/b>der Seite BestellungUebersicht.xaml <\/b>löst die folgende Methode aus, welche wiederum das Ereignis NewItem <\/b>aufruft:<\/p>\n NewItem <\/b>ist wie folgt in BestellungUebersicht.xaml.cs <\/b>definiert:<\/p>\n Das Ereignis NewItem <\/b>wird im übergeordneten Fenster-Element MainWindow.xaml <\/b>abonniert, sobald der Benutzer auf die Ribbon-Schaltfläche btnBestelluebersicht <\/b>klickt (mehr siehe in den Methoden btnBestelluebersicht_Click <\/b>und ShowBestellungenUebersicht <\/b>in der Datei MainWindow.xaml.cs<\/b>). Das Ereignis wird in MainWindow.xaml.cs <\/b>durch die folgende Ereignisprozedur implementiert:<\/p>\n Damit steigen wir in die Methode BestelldetailsAnzeigen <\/b>ein, die wir ebenfalls in der Klasse MainWindow.xaml.cs <\/b>finden. Diese erstellt ein neues Objekt auf Basis der Seite BestelldetailsAnzeigen <\/b>und übergibt den Parameter bestellungID<\/b>, der hier 0 <\/b>ist. Dann abonniert sie vier Ereignisse, nämlich ItemChanged<\/b>, Cancelled<\/b>, NewItem <\/b>und ItemDoubleClicked<\/b>. Die ersten beiden sind für die beiden Schaltflächen Speichern <\/b>und Verwerfen<\/b>, die hinteren beiden für die Schaltflächen Neue Bestellposition <\/b>und Bestellposition löschen<\/b>, die zum DataGrid zur Anzeige der Bestellpositionen gehören (siehe Bild 5). Nach dem Abonnieren der Ereignisse weist die Methode das neu erstellte Page<\/b>-Objekt auf Basis der Klasse BestellungDetails <\/b>noch der Eigenschaft Content <\/b>des Frame<\/b>-Objekts Workzone <\/b>zu, welches die Seite dann anzeigt:<\/p>\n Bild 5: Entwurf der Bestelldetails samt DataGrid für die Bestellpositionen<\/span><\/b><\/p>\n Die Seite BestellungDetails.xaml <\/b>besteht aus drei Bereichen: den oberen Steuerelementen zur Eingabe der Bestelldetails, dem DataGrid zur Anzeige der Bestellpositionen und den Schaltflächen zum Hinzufügen und Löschen von Bestellpositionen sowie den beiden Schaltflächen zum Speichern oder Verwerfen des aktuell angezeigten Objekts aus der Tabelle Bestellungen<\/b>. Schauen wir uns zunächst die drei Steuer-elemente an. Die TextBox mit dem Bezeichnungsfeld ID <\/b>ist an das Feld Bestellung.ID <\/b>gebunden. Das heißt, dass wir in der Code behind-Datei ein Objekt namens Bestellung <\/b>bereitstellen müssen – dazu später mehr. Interessant ist die ComboBox. Hier haben wir nicht wie üblich nur ein einziges Feld als anzuzeigenden Inhalt angegeben, sondern einen aus den beiden Feldern Nachname <\/b>und Vorname <\/b>bestehenden Ausdruck, also etwa Minhorst, André<\/b>. Dies erledigen wir, indem wir das Attribut DisplayMemberPath <\/b>weglassen und stattdessen ein Unterelement namens ComboBox.DataTemplate <\/b>einfügen. Dieses soll ein TextBlock<\/b>-Element enthalten, dessen Eigenschaftselement Text <\/b>wir mit einem Multibinding der beiden Felder Nachname <\/b>und Vorname <\/b>in der mit StringFormat <\/b>angegebenen Formatierung ausgeben:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>![\"Bestellung](\"..\/fileadmin\/_temp_\/2017_02\/pic_84_002.png\")
<\/p>\n![\"Anlegen](\"..\/fileadmin\/_temp_\/2017_02\/pic_84_003.png\")
<\/p>\n![\"Bearbeiten](\"..\/fileadmin\/_temp_\/2017_02\/pic_84_004.png\")
<\/p>\nDatenbankerweiterungen<\/h2>\n
\n
Hinzufügen der neuen Ribbon-Elemente<\/h2>\n
private void btnBestelluebersicht_Click(object sender, RoutedEventArgs e) {\r\n ShowBestellungenUebersicht();\r\n}<\/pre>\nprivate void ShowBestellungenUebersicht(long bestellungID = 0) {\r\n if (bestellungUebersicht == null | BestellungChanged == true) {\r\n bestellungUebersicht = new BestellungUebersicht(bestellungID);\r\n BestellungChanged = false;\r\n }\r\n bestellungUebersicht.ItemDoubleClicked += new BestellungUebersicht.EventHandlerItemDoubleClicked(OnBestellungDoubleClicked);\r\n bestellungUebersicht.NewItem += new BestellungUebersicht.EventHandlerNewItem(OnNewBestellung);\r\n WorkZone.Content = bestellungUebersicht;\r\n}<\/pre>\nÜbersicht der Bestellungen<\/h2>\n
<DataGrid x:Name=\"dgBestellungen\" ItemsSource=\"{Binding Bestellungen}\" AutoGenerateColumns=\"false\" CanUserAddRows=\"False\" Grid.Row=\"0\">\r\n <DataGrid.Columns>\r\n <DataGridTextColumn Binding=\"{Binding Path=ID}\" Header=\"ID\" \/>\r\n <DataGridTextColumn Binding=\"{Binding Path=Bestelldatum, StringFormat=\\{0:dd.MM.yyyy\\}}\" Header=\"Bestelldatum\" \/>\r\n <DataGridTextColumn Header=\"Kunde Multibinding\">\r\n <DataGridTextColumn.Binding>\r\n <MultiBinding StringFormat=\"{}{0}, {1}\">\r\n <Binding Path=\"Kunden.Nachname\" \/>\r\n <Binding Path=\"Kunden.Vorname\" \/>\r\n <\/MultiBinding>\r\n <\/DataGridTextColumn.Binding>\r\n <\/DataGridTextColumn>\r\n <DataGridTextColumn Binding=\"{Binding Path=Kunde}\" Header=\"Kunde\" \/>\r\n <\/DataGrid.Columns>\r\n <DataGrid.Resources>\r\n <Style TargetType=\"DataGridRow\">\r\n <EventSetter Event=\"MouseDoubleClick\" Handler=\"Row_DoubleClick\"\/>\r\n <\/Style>\r\n <\/DataGrid.Resources>\r\n<\/DataGrid><\/pre>\nprivate ObservableCollection<Bestellung> bestellungen;\r\npublic ObservableCollection<Bestellung> Bestellungen {\r\n get { return bestellungen; }\r\n set { bestellungen = value; }\r\n}<\/pre>\npublic BestellungUebersicht(long bestellungID = 0) {\r\n InitializeComponent();\r\n dbContext = new BestellverwaltungEntities();\r\n bestellungen = new ObservableCollection<Bestellung>(dbContext.Bestellungen.OrderByDescending(c => c.Bestelldatum));\r\n DataContext = this;\r\n if (bestellungID != 0) {\r\n Bestellung currentBestellung = dbContext.Bestellungen.Find(bestellungID);\r\n dgBestellungen.Focus();\r\n dgBestellungen.SelectedItem = currentBestellung;\r\n dgBestellungen.ScrollIntoView(currentBestellung);\r\n }\r\n}<\/pre>\nNeue Bestellung anlegen<\/h2>\n
private void btnNeu_Click(object sender, RoutedEventArgs e) {\r\n NewItem(this, null);\r\n}<\/pre>\npublic delegate void EventHandlerNewItem(object sender, System.EventArgs e);\r\npublic event EventHandlerNewItem NewItem;<\/pre>\n
private void OnNewBestellung(object sender, EventArgs e) {\r\n BestelldetailsAnzeigen();\r\n}<\/pre>\n![\"Entwurf](\"..\/fileadmin\/_temp_\/2017_02\/pic_84_006.png\")
<\/p>\nprivate void BestelldetailsAnzeigen(long bestellungID = 0) {\r\n bestellungDetails = new BestellungDetails(bestellungID);\r\n bestellungDetails.ItemChanged += new BestellungDetails.EventHandlerItemChanged(OnBestellungChanged);\r\n bestellungDetails.Cancelled += new BestellungDetails.EventHandlerCancelled(OnBestellungCancelled);\r\n bestellungDetails.NewItem += new BestellungDetails.EventHandlerNewItem(OnNewBestellposition);\r\n bestellungDetails.ItemDoubleClicked += new BestellungDetails.EventHandlerItemDoubleClicked(OnBestellpositionDoubleClicked);\r\n WorkZone.Content = bestellungDetails;\r\n}<\/pre>\nFelder in den Bestelldetails definieren<\/h2>\n
<Label Grid.Row=\"0\">ID:<\/Label>\r\n<TextBox Grid.Column=\"1\" Width=\"50\" HorizontalAlignment=\"Left\" Text=\"{Binding bestellung.ID, Mode=TwoWay, ValidatesOnExceptions=true}\" ><\/TextBox>\r\n<Label Grid.Row=\"1\">Kunde auswählen:<\/Label>\r\n<ComboBox x:Name=\"cboKunden\" Grid.Column=\"1\" HorizontalAlignment=\"Stretch\" TabIndex=\"0\" Height=\"23\" Grid.Row=\"1\" \r\n ItemsSource=\"{Binding Kunden}\"\r\n SelectedItem=\"{Binding bestellung.Kunden, ValidatesOnDataErrors=True}\" \r\n SelectedValuePath=\"ID\" SelectionChanged=\"cboKunden_SelectionChanged\">\r\n <ComboBox.ItemTemplate>\r\n <DataTemplate>\r\n <TextBlock>\r\n <TextBlock.Text>\r\n <MultiBinding StringFormat=\"{}{0}, {1}\">\r\n <Binding Path=\"Nachname\" \/>\r\n <Binding Path=\"Vorname\" \/>\r\n <\/MultiBinding>\r\n <\/TextBlock.Text>\r\n <\/TextBlock>\r\n <\/DataTemplate>\r\n <\/ComboBox.ItemTemplate>\r\n<\/ComboBox>\r\n<Label Grid.Row=\"2\">Bestelldatum:<\/Label>\r\n<DatePicker Grid.Row=\"2\" Grid.Column=\"1\" Width=\"120\" HorizontalAlignment=\"Left\" \r\n Text=\"{Binding bestellung.Bestelldatum, Mode=TwoWay, ValidatesOnExceptions=true}\" ><\/DatePicker><\/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