Das fügt dann eine neue Datenbank entsprechend der Verbindungszeichenfolge aus der Datei App.config<\/b>, die Sie gegebenenfalls noch anpassen müssen, zum SQL Server beziehungsweise zu LocalDb <\/b>hinzu.<\/p>\n
Im Code behind-Modul fügen wir folgenden Code hinzu:<\/p>\n
Imports System.Collections.ObjectModel0\r\nClass<\/span> MainWindow\r\n Private <\/span>m_Kunden As <\/span>List(Of Kunde)\r\n Private <\/span>dbContext As <\/span>BestellverwaltungContext\r\n Public <\/span>Sub New()\r\n InitializeComponent()\r\n dbContext = New<\/span> BestellverwaltungContext\r\n Kunden = New<\/span> List(Of Kunde)(dbContext.Kunden)\r\n DataContext = Me\r\n End Sub\r\n Public <\/span>Property Kunden As <\/span>List(Of Kunde)\r\n Get\r\n Return m_Kunden\r\n End Get\r\n Set(value As <\/span>List(Of Kunde))\r\n m_Kunden = value\r\n End Set<\/span>\r\n End Property\r\nEnd Class<\/span><\/pre>\nDanach fügen wir das folgende ComboBox<\/b>-Element zum Startfenster MainWindow.xaml <\/b>hinzu (siehe cboKundeID_EinFeld<\/b>):<\/p>\n<ComboBox x:Name=\"cboKundeID_EinFeld\" Padding=\"0\" Height=\"21\" Margin=\"118,111,0,0\" Width=\"78\"\r\n ItemsSource = \"{Binding Kunden}\">\r\n <ComboBox.ItemTemplate>\r\n <DataTemplate>\r\n <TextBlock>\r\n <TextBlock.Text>\r\n <MultiBinding StringFormat=\"{}{0}\">\r\n <Binding Path=\"Nachname\" \/>\r\n <\/MultiBinding>\r\n <\/TextBlock.Text>\r\n <\/TextBlock>\r\n <\/DataTemplate>\r\n <\/ComboBox.ItemTemplate>\r\n<\/ComboBox><\/pre>\nDamit erhalten wir das Kombinationsfeld aus Bild 1. Um den Inhalt eines zweiten Feldes als ausgewählten Eintrag anzuzeigen wie etwa Vorname<\/b>, passen Sie das MultiBinding<\/b>-Element einfach wie folgt an (siehe ):<\/p>\n
![\"Kombinationsfeld](\"..\/fileadmin\/_temp_\/2019_02\/pic_172_001.png\")
<\/p>\n
Bild 1: Kombinationsfeld mit einer Spalte<\/span><\/b><\/p>\n<MultiBinding StringFormat=\"{}{0},{1}\">\r\n <Binding Path=\"Nachname\" \/>\r\n <Binding Path=\"Vorname\" \/>\r\n<\/MultiBinding><\/pre>\nDas Ergebnis sieht dann wie in Bild 2 aus. Sowohl der ausgewählte Eintrag als auch die Einträge der Liste werden dann im gewünschten Format , <\/b>angezeigt.<\/p>\n![\"Kombinationsfeld](\"..\/fileadmin\/_temp_\/2019_02\/pic_172_002.png\")
<\/p>\n
Bild 2: Kombinationsfeld mit einer Spalte und zwei kombinierten Feldern<\/span><\/b><\/p>\nMehrspaltige Anzeige<\/h2>\n
Um die Anzeige nun auch noch auf mehrere Spalten aufzuteilen, verwenden Sie ein etwas aufwendigeres Konstrukt. Dabei weisen wir dem Unterelement ComboBox.ItemTemplate <\/b>das DataTemplate<\/b>-Element zu, das ein StackPanel <\/b>mit den drei TextBlock<\/b>-Elementen für unsere drei Spalten aufnimmt (siehe cboKunden_MehrereSpaltenNichtBuendig<\/b>):<\/p>\n<ComboBox x:Name=\"cboKunden_MehrereSpaltenNichtBuendig\" ItemsSource=\"{Binding Kunden}\" Margin=\"157,10,311,381\" >\r\n <ComboBox.ItemTemplate>\r\n <DataTemplate>\r\n <StackPanel Orientation=\"Horizontal\">\r\n <TextBlock Margin=\"5\" Grid.Column=\"0\" Text=\"{Binding Vorname}\"><\/TextBlock>\r\n <TextBlock Margin=\"5\" Grid.Column=\"1\" Text=\"{Binding Nachname}\"><\/TextBlock>\r\n <TextBlock Margin=\"5\" Grid.Column=\"2\" Text=\"{Binding EMail}\"><\/TextBlock>\r\n <\/StackPanel>\r\n <\/DataTemplate>\r\n <\/ComboBox.ItemTemplate>\r\n<\/ComboBox><\/pre>\nWenn wir das Beispielprojekt nun starten, zeigt die Liste bereits die gewünschten Daten an (siehe Bild 3).<\/p>\n
![\"Kombinationsfeld](\"..\/fileadmin\/_temp_\/2019_02\/pic_172_003.png\")
<\/p>\n
Bild 3: Kombinationsfeld mit drei Spalten, die allerdings nicht bündig sind<\/span><\/b><\/p>\nAllerdings bleibt das Kombinationsfeld nach der Auswahl eines der Einträge leer. Außerdem werden die Elemente der drei Spalten nicht bündig angezeigt.<\/p>\n
ComboBox-Spalten per Grid<\/h2>\n
Also versuchen wir eine Alternative. Diese verwendet innerhalb des DataTemplate<\/b>-Elements ein Grid <\/b>mit den ColumnDefinition<\/b>-Elementen für die drei Spalten, in denen wir feste Spaltenbreiten definieren (siehe cboKunden_MehrereSpaltenFixeBreite<\/b>):<\/p>\n<ComboBox x:Name=\"cboKunden_MehrereSpaltenFixeBreite\" ItemsSource=\"{Binding Kunden}\" Margin=\"157,10,311,381\">\r\n <ComboBox.ItemTemplate>\r\n <DataTemplate>\r\n <Grid>\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"100\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"100\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"150\"><\/ColumnDefinition>\r\n <\/Grid.ColumnDefinitions>\r\n <TextBlock Margin=\"5\" Grid.Column=\"0\" Text=\"{Binding Vorname}\"><\/TextBlock>\r\n <TextBlock Margin=\"5\" Grid.Column=\"1\" Text=\"{Binding Nachname}\"><\/TextBlock>\r\n <TextBlock Margin=\"5\" Grid.Column=\"2\" Text=\"{Binding EMail}\"><\/TextBlock>\r\n <\/Grid>\r\n <\/DataTemplate>\r\n <\/ComboBox.ItemTemplate>\r\n<\/ComboBox><\/pre>\nDas Ergebnis liefert nun immerhin feste Spaltenbreiten für alle Listeneinträge. Allerdings sind diese nun natürlich fix vorgegeben und können sich nicht an die Inhalte der drei Spalten anpassen (siehe Bild 4).<\/p>\n
![\"Kombinationsfeld](\"..\/fileadmin\/_temp_\/2019_02\/pic_172_004.png\")
<\/p>\n
Bild 4: Kombinationsfeld mit drei Spalten mit fixen Spaltenbreiten<\/span><\/b><\/p>\nStellen wir die Spaltenbreiten testweise auf dynamische Spaltenbreiten um, bei der die Spaltenbreiten an die Inhalte angepasst werden:<\/p>\n
<Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"*\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"*\"><\/ColumnDefinition>\r\n <ColumnDefinition Width=\"*\"><\/ColumnDefinition>\r\n<\/Grid.ColumnDefinitions><\/pre>\nMö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