![\"Erstellen](\"..\/fileadmin\/_temp_\/2016_05\/pic_58_005.png\")
<\/p>\nIm Artikel “Lookup-Kombinationsfelder” zeigen wir, wie Sie eine per Drag and Drop aus dem Datenquellen-Bereich hinzugefügte Entität mit einem Kombinationsfeld versehen, mit dem Sie die Daten einer Lookup-Tabelle auswählen können. Dies wollen wir nun noch erweitern, und zwar um die Möglichkeit der Eingabe neuer Werte für die Lookup-Tabelle direkt über das Kombinationsfeld. Dazu nutzen wir ein neues Fenster, das die Daten der Tabelle Artikel anzeigt – und deren Kategorie per Kombinationsfeld auswählt.<\/b><\/p>\nNeuen Eintrag hinzufügen<\/h2>\n
Unter Access war es relativ einfach, ein Kombinationsfeld mit einer Funktion auszustatten, die dafür sorgte, dass neu eingegebene Einträge, die noch nicht in der Datensatzherkunft vorhanden waren, zur zugrunde liegenden Tabelle hinzugefügt werden und dann direkt im Kombinationsfeld angezeigt werden konnten. Wir wollen uns anschauen, wie dies unter WPF unter Verwendung unseres Entity Data Models auf Basis der Tabellen der Beispieldatenbank Bestellverwaltung <\/b>funktioniert. Ein passendes Beispiel sind die Tabellen Artikel <\/b>und Kategorien<\/b>. Die Tabelle Artikel <\/b>enthält ein Fremdschlüsselfeld, und zwar zur Auswahl der Kategorie des Artikels. Die Kategorien stammen wiederum aus der Tabelle Kategorien<\/b>.<\/p>\n
Für das neue Beispiel fügen wir der Datenquelle des Projekts die Entität Artikel <\/b>hinzu. Ein neues Fenster soll die Daten der gleichnamigen Tabelle anzeigen. Dazu ändern wir den Typ der Entität Artikel <\/b>per Kombinationsfeld auf Details <\/b>und den Typ des Steuerelements KategorieID <\/b>auf ComboBox<\/b>. Dann ziehen Sie die Entität Artikel <\/b>in das neue Fenster ArtikelMitKombinationsfeld <\/b>und sortieren die enthaltenen Steuerelemente so wie in Bild 1 um. Damit die Daten auch im Fenster angezeigt werden, sind in aller Kürze die folgenden Schritte nötig:<\/p>\n
<\/p>\n
Bild 1: Erstellen des Beispielfensters<\/span><\/b><\/p>\n Listing 1: Notwendige Änderungen am Fenster zur Anzeige von Artikeln mit Kategorien im Kombinationsfeld<\/span><\/b><\/p>\n Listing 2: Anpassung der Code behind-Klasse des Fensters<\/span><\/b><\/p>\n<\/ul>\n Auf die Beschreibung der Navigationsschaltflächen verzichten wir an dieser Stelle – wie dies funktioniert, haben wir ebenfalls im Artikel EDM: Einfaches Detailfenster <\/b>erläutert.<\/p>\n Nun schauen wir uns an, wie wir dem Kombinationsfeld einen neuen Eintrag unterjubeln können, der dann optimalerweise direkt in der zugrunde liegenden Tabelle Kategorien <\/b>gespeichert wird. Wenn wir die Anwendung starten und in unserem Beispielfenster versuchen, wie etwa unter Access eine neue Kategorie einzugeben, stellen wir allerdings fest, dass ein ComboBox<\/b>-Steuerelement wohl nicht zum Hinzufügen von Daten gemacht ist (siehe Bild 2). Was nun Ein anderes Steuerelement wählen Oder gibt es Einstellungen für das ComboBox<\/b>-Steuerelement, die das Hinzufügen von eigenen Texten ermöglichen Schauen wir uns doch zunächst eine einfache und auch für den Benutzer intuitive Variante an, bei der wir neben dem Kombinationsfeld eine Schaltfläche zum Hinzufügen eines Eintrags platzieren. Anschließend betrachten wir die direkte Eingabe neuer Elemente direkt in das Kombinationsfeld.<\/p>\n Bild 2: Das ComboBox-Steuerelement erlaubt nur die Auswahl, aber kein Anfügen von Einträgen.<\/span><\/b><\/p>\n Das Anbieten einer Schaltfläche mit einem Plus-Symbol scheint die offensichtlichere und intuitivere Variante zu sein, um Elemente zu einem Lookup-Kombinationsfeld hinzuzufügen. Nach einem Klick auf diese Schaltfläche soll eine Inputbox erscheinen, die den neuen Eintrag ermittelt (siehe Bild 3). Nach der Eingabe soll die Datenherkunft des Kombinationsfeldes direkt aktualisiert und der neue Eintrag übernommen werden, sodass das Kombinationsfeld diesen direkt anzeigt.<\/p>\n Bild 3: Kombinationsfeld mit Schaltfläche zum Hinzufügen neuer Einträge<\/span><\/b><\/p>\n Im Entwurf des Fensters ArtikelMitKombinationsfeld_Button<\/b> sieht dies wie in Bild 4 aus. Hier haben wir neben dem Kombinationsfeld eine neue Schaltfläche hinzugefügt, die wir mit einigen neuen Attributwerten ausgestattet haben.<\/p>\n Bild 4: Schaltfläche zum Hinzufügen neuer Einträge<\/span><\/b><\/p>\n Die Definition sehen Sie in Listing 3. Wie Sie hier erkennen, haben wir nicht nur einfach eine Schaltlfäche hinzugefügt, sondern diese noch zusammen mit dem ComboBox<\/b>-Element in einem StackPanel <\/b>zusammengefasst. Dieses weist für die Eigenschaft Orientation <\/b>den Wert Horizontal <\/b>auf und soll in der gleichen Grid-Zeile landen wie zuvor das Kombinationsfeld. Zu den Ressourcen des Grids haben wir außerdem noch einen Verweis auf die Datei add.png <\/b>hinzugefügt, welche wir natürlich auch im Projekt gespeichert haben, und mit dem Key<\/b>-Wert add <\/b>versehen.<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>\n
<Window x:Class=\"BlaetternInDetails.ArtikelMitKombinationsfeld\" ...\r\n Title=\"ArtikelMitKombinationsfeld\" Height=\"250\" Width=\"300\" Loaded=\"Window_Loaded\">\r\n <Window.Resources>\r\n <CollectionViewSource x:Key=\"artikelViewSource\" \r\n d:DesignSource=\"{d:DesignInstance {x:Type local:Artikel}, CreateList=True}\"\/>\r\n <CollectionViewSource x:Key=\"kategorienViewSource\" \r\n d:DesignSource=\"{d:DesignInstance {x:Type local:Kategorie}, CreateList=True}\"\/>\r\n <\/Window.Resources>\r\n <Grid DataContext=\"{StaticResource artikelViewSource}\">\r\n <Grid x:Name=\"grid1\" HorizontalAlignment=\"Left\" Margin=\"22,11,0,0\" VerticalAlignment=\"Top\">\r\n ...\r\n <ComboBox x:Name=\"kategorieIDComboBox\" ItemsSource=\"{Binding Source={StaticResource kategorienViewSource}}\" \r\n DisplayMemberPath=\"Bezeichnung\" SelectedValuePath=\"ID\" SelectedValue=\"{Binding Path=KategorieID}\">\r\n <\/ComboBox>\r\n ...\r\n <\/Grid>\r\n <\/Grid>\r\n<\/Window><\/pre>\npublic partial class ArtikelMitKombinationsfeld : Window {\r\n public ArtikelMitKombinationsfeld() {\r\n InitializeComponent();\r\n }\r\n CollectionViewSource artikelViewSource;\r\n CollectionViewSource kategorienViewSource;\r\n BestellverwaltungEntities DBContext = new BestellverwaltungEntities();\r\n private void Window_Loaded(object sender, RoutedEventArgs e) {\r\n artikelViewSource = ((CollectionViewSource)(this.FindResource(\"artikelViewSource\")));\r\n DBContext.Artikel.Load();\r\n artikelViewSource.Source = DBContext.Artikel.Local;\r\n kategorienViewSource = ((CollectionViewSource)(this.FindResource(\"kategorienViewSource\")));\r\n DBContext.Kategorien.Load();\r\n kategorienViewSource.Source = DBContext.Kategorien.Local;\r\n }\r\n}<\/pre>\nComboBox zum Hinzufügen von Artikeln<\/h2>\n
![\"Das](\"..\/fileadmin\/_temp_\/2016_05\/pic_58_001.png\")
<\/p>\nEinträge hinzufügen per Schaltfläche<\/h2>\n
![\"Kombinationsfeld](\"..\/fileadmin\/_temp_\/2016_05\/pic_58_006.png\")
<\/p>\n![\"Schaltfläche](\"..\/fileadmin\/_temp_\/2016_05\/pic_58_004.png\")
<\/p>\n<Window x:Class=\"BlaetternInDetails.ArtikelMitKombinationsfeld_Button\"\r\n Title=\"ArtikelMitKombinationsfeld_Button\" Height=\"250\" Width=\"350\" Loaded=\"Window_Loaded\" Closing=\"Window_Closing\">\r\n ...\r\n <Grid DataContext=\"{StaticResource artikelViewSource}\">\r\n <Grid.Resources>\r\n <Image x:Key=\"add\" Source=\"add.png\"><\/Image>\r\n <\/Grid.Resources>\r\n <Grid x:Name=\"grid1\" HorizontalAlignment=\"Left\" Margin=\"22,11,0,0\" VerticalAlignment=\"Top\" Width=\"282\">\r\n ...\r\n <StackPanel Grid.Column=\"1\" Grid.Row=\"2\" Orientation=\"Horizontal\">\r\n <ComboBox x:Name=\"cboKategorien\" \r\n HorizontalAlignment=\"Left\" Height=\"Auto\" \r\n ItemsSource=\"{Binding Source={StaticResource kategorienViewSource}}\" \r\n DisplayMemberPath=\"Bezeichnung\" SelectedValuePath=\"ID\" \r\n SelectedValue=\"{Binding Path=KategorieID}\" \r\n Margin=\"3\" VerticalAlignment=\"Center\" Width=\"120\">\r\n <\/ComboBox>\r\n <Button x:Name=\"btnAdd\" Content=\"{StaticResource add}\" Grid.Row=\"2\" Grid.Column=\"1\" \r\n Width=\"16\" Height=\"16\" HorizontalAlignment=\"Right\" Background=\"Transparent\" \r\n BorderThickness=\"0\" Click=\"btnAdd_Click\"><\/Button>\r\n <\/StackPanel>\r\n ...\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