Partial Public Class Kunde\r\n Public <\/span>Property ID As <\/span>System.Int32\r\n Public <\/span>Property Firma As <\/span>System.String\r\n Public <\/span>Property Vorname As <\/span>System.String\r\n Public <\/span>Property Nachname As <\/span>System.String\r\n Public <\/span>Property Anrede As <\/span>System.String\r\n Public <\/span>Property Strasse As <\/span>System.String\r\n Public <\/span>Property PLZ As <\/span>System.String\r\n Public <\/span>Property Ort As <\/span>System.String\r\n Public <\/span>Property Land As <\/span>System.String\r\n Public <\/span>Property EMail As <\/span>System.String\r\n Public <\/span>Property Geburtsdatum As <\/span>System.DateTime\r\n Public <\/span>Property Alter As <\/span>System.Int32\r\n Public <\/span>Property Newsletter As <\/span>System.Boolean\r\nEnd Class<\/span><\/pre>\nUm ein ListView<\/b>-Steuerelement zu füllen, benötigen wir Beispieldaten, die wir mit einer Funktion namens GetKunden <\/b>bereitstellen. Diese fügen wir im Code behind-Modul des Fensters MainWindow <\/b>ein:<\/p>\nPrivate Function <\/span>GetKunden() As <\/span>ObservableCollection(Of Kunde)\r\n Dim <\/span>Kunden As <\/span>New<\/span> ObservableCollection(Of Kunde)\r\n Kunden.Add(New<\/span> Kunde() With<\/span> {.ID = 1, .Firma = \"Krahn GbR\", .Vorname = \"Adi\", _\r\n .Nachname = \"Stratmann\", .Anrede = \"Herr\", .Strasse = \"Kremser Straße 54\", .PLZ = \"10589\", _\r\n .Ort = \"Berlin\", .Land = \"Deutschland\", .EMail = \"adi@stratmann.de\", _\r\n .Geburtsdatum = \"20.02.1939\", .Alter = 82, .Newsletter = -1})\r\n Kunden.Add(New<\/span> Kunde() With<\/span> {.ID = 2, .Firma = \"Göllner AG\", .Vorname = \"Heidi\", _\r\n .Nachname = \"Eich\", .Anrede = \"Frau\", .Strasse = \"Moosstraße 30\", .PLZ = \"42289\", _\r\n .Ort = \"Wuppertal\", .Land = \"Deutschland\", .EMail = \"heidi@eich.de\", _\r\n .Geburtsdatum = \"30.11.1971\", .Alter = 50, .Newsletter = 0})\r\n Kunden.Add(New<\/span> Kunde() With<\/span> {.ID = 3, .Firma = \"Peukert GmbH & Co. KG\", .Vorname = \"Wernfried\", _\r\n .Nachname = \"Birk\", .Anrede = \"Herr\", .Strasse = \"Wiener Straße 78\", .PLZ = \"22297\", _\r\n .Ort = \"Hamburg\", .Land = \"Deutschland\", .EMail = \"wernfried@birk.de\", _\r\n .Geburtsdatum = \"23.01.1931\", .Alter = 90, .Newsletter = -1})\r\n ...\r\n Kunden.Add(New<\/span> Kunde() With<\/span> {.ID = 100, .Firma = \"Krahn KG\", .Vorname = \"Rosemaria\", _\r\n .Nachname = \"Grill\", .Anrede = \"Frau\", .Strasse = \"Kalvarienbergstraße 35\", .PLZ = \"09131\", _\r\n .Ort = \"Chemnitz\", .Land = \"Deutschland\", .EMail = \"rosemaria@grill.de\", _\r\n .Geburtsdatum = \"02.10.2009\", .Alter = 12, .Newsletter = -1})\r\n Return Kunden\r\nEnd Function<\/span><\/pre>\nIn der Klasse MainWindow <\/b>hinterlegen wir außerdem noch eine private Variable für die Auflistung der Kunden:<\/p>\nPrivate <\/span>_Kunden As <\/span>ObservableCollection(Of Kunde)<\/pre>\nDiese machen wir über die folgende öffentlich deklarierte Property verfügbar:<\/p>\n
Public Property <\/span>Kunden As <\/span>ObservableCollection(Of Kunde)\r\n Get\r\n Return _Kunden\r\n End Get\r\n Set(value As <\/span>ObservableCollection(Of Kunde))\r\n _Kunden = value\r\n End Set<\/span>\r\nEnd Property<\/span><\/pre>\nSchließlich sorgen wir in der Konstruktor-Methode der Klasse, die beim Anzeigen automatisch ausgeführt wird, dass die XAML-Definition umgesetzt, der DataContext <\/b>auf die aktuelle Code behind-Klasse gesetzt und die Eigenschaft _Kunden <\/b>mit dem Ergebnis der Funktion GetKunden <\/b>gefüllt wird:<\/p>\nPublic Sub <\/span>New()\r\n InitializeComponent()\r\n DataContext = Me\r\n _Kunden = GetKunden()\r\nEnd Sub<\/span><\/pre>\nFenster mit ListView-Steuerelement<\/h2>\n
Danach definieren wir den XAML-Code für das Fenster zur Anzeige der Daten im ListView<\/b>-Steuerelement:<\/p>\n<Window x:Class=\"MainWindow\" ...\r\n Title=\"MainWindow\" Height=\"450\" Width=\"800\" WindowStartupLocation=\"CenterScreen\">\r\n ...\r\n <Grid>\r\n ...\r\n <ListView x:Name=\"lvw\" ItemsSource=\"{Binding Kunden}\">\r\n <ListView.View>\r\n <GridView>\r\n <GridViewColumn Header=\"ID\" DisplayMemberBinding=\"{Binding ID}\" \/>\r\n <GridViewColumn Header=\"Firma\" DisplayMemberBinding=\"{Binding Firma}\" \/>\r\n <GridViewColumn Header=\"Vorname\" DisplayMemberBinding=\"{Binding Vorname}\" \/>\r\n <GridViewColumn Header=\"Nachname\" DisplayMemberBinding=\"{Binding Nachname}\" \/>\r\n <GridViewColumn Header=\"Anrede\" DisplayMemberBinding=\"{Binding Anrede}\" \/>\r\n <GridViewColumn Header=\"Strasse\" DisplayMemberBinding=\"{Binding Strasse}\" \/>\r\n <GridViewColumn Header=\"PLZ\" DisplayMemberBinding=\"{Binding PLZ}\" \/>\r\n <GridViewColumn Header=\"Ort\" DisplayMemberBinding=\"{Binding Ort}\" \/>\r\n <GridViewColumn Header=\"Land\" DisplayMemberBinding=\"{Binding Land}\" \/>\r\n <GridViewColumn Header=\"EMail\" DisplayMemberBinding=\"{Binding EMail}\" \/>\r\n <GridViewColumn Header=\"Geburtsdatum\" DisplayMemberBinding=\"{Binding Path=Geburtsdatum, StringFormat=''dd.MM.yyyy''}\" \/>\r\n <GridViewColumn Header=\"Alter\" DisplayMemberBinding=\"{Binding Alter}\" \/>\r\n <GridViewColumn Header=\"Newsletter\">\r\n <GridViewColumn.CellTemplate>\r\n <DataTemplate>\r\n <CheckBox IsChecked=\"{Binding Newsletter}\" \/>\r\n <\/DataTemplate>\r\n <\/GridViewColumn.CellTemplate>\r\n <\/GridViewColumn>\r\n <\/GridView>\r\n <\/ListView.View>\r\n <\/ListView>\r\n <StackPanel Orientation=\"Horizontal\" Grid.Row=\"1\">\r\n <Button>Button<\/Button>\r\n <\/StackPanel>\r\n <\/Grid>\r\n<\/Window><\/pre>\nDas ListView<\/b>-Steuerelement stellen wir mit dem Attribut ItemsSource <\/b>so ein, dass es den Wert der Eigenschaft Kunden <\/b>als Datenquelle verwendet. Diese wird in der Code behind-Klasse wie oben beschrieben definiert. Die einzelnen Spalten im ListView<\/b>-Steuerelement definieren wir als GridViewColumn<\/b>-Elemente. Dabei geben wir mit dem Attribut Header <\/b>die Spaltenüberschrift an und mit DisplayMemberBinding <\/b>das Feld, aus der die Spalte ihre Daten beziehen soll. Hier verwenden wir meist den Wert {Binding [Feldname]}<\/b>, wobei [Feldname] <\/b>durch den jeweiligen Feldnamen ersetzt wird. Bei zwei Feldern gibt es Abweichungen von dieser Vorgehensweise: Beim Feld Geburtsdatum <\/b>verwenden wir den Ausdruck {Binding Path=Geburtsdatum, StringFormat=”dd.MM.yyyy”}<\/b>, um den Inhalt des Feldes Geburtsdatum <\/b>entsprechend zu formatieren. Und im Falle des Feldes Newsletter<\/b>, das den Datentyp Boolean <\/b>hat, wollen wir den Inhalt in einem Kontrollkästchen anzeigen. Dazu benötigen wir eine etwas andere Struktur, die ein CheckBox<\/b>-Steuerelement enthält, dessen Attribut Checked <\/b>an das Feld Newsletter <\/b>gebunden ist. Anschließend sieht das Fenster nach dem Starten der Anwendung wie in Bild 1 aus.<\/p>\n
![\"Die](\"..\/fileadmin\/_temp_\/2021_04\/pic_279_001.png\")
<\/p>\n
Bild 1: Die Liste der Kunden im ListView-Steuerelement<\/span><\/b><\/p>\nGrundlagen zum Filtern, Sortieren und Gruppieren<\/h2>\n
WPF stellt die Infrastruktur zum Filtern, Sortieren und Gruppieren von Daten, die in einem Steuerelement wie beispielsweise dem ListView<\/b>-Steuerelement angezeigt werden, zur Verfügung. Dazu muss man wissen, dass das jeweilige Listen-Steuerelement nicht direkt an die Daten gebunden wird, die es anzeigen soll, sondern an eine View auf diese Daten. Diese View hat bei der in unserem Beispiel verwendeten Auflistung auf Basis der Schnittstelle IList <\/b>den Typ ListCollectionView<\/b>. Diese ListCollectionView <\/b>bietet verschiedene Eigenschaften, die wir nutzen können – im Folgenden verwenden wir zunächst diese beiden:<\/p>\n\n- Refresh<\/b>: Aktualisiert die Ansicht mit den aktuell angegebenen Filter-, Sortierungs- und Gruppierungseinstellungen<\/li>\n
- Filter<\/b>: Stellt ein, welche Funktion beim Aktualisieren zum Filtern verwendet werden soll<\/li>\n<\/ul>\n
Um die ListCollectionView <\/b>für unsere Zwecke zu nutzen, machen wir diese zunächst per Variable zugreifbar:<\/p>\nPrivate <\/span>objListCollectionView As <\/span>ListCollectionView<\/pre>\nDiese Variable füllen wir gleich in der Konstruktor-Methode des Code behind-Moduls, indem wir die Methode GetDefaultView <\/b>der CollectionViewSource<\/b>-Klasse aufrufen und dieser einen Verweis auf die Liste übergeben, deren ListCollectionView<\/b>-Element wir erhalten wollen:<\/p>\nPublic Sub <\/span>New()\r\n ...\r\n objListCollectionView = CollectionViewSource.GetDefaultView(Kunden)<\/pre>\nIn der gleichen Methode stellen wir die Eigenschaft Filter <\/b>von objListCollectionView <\/b>ein, und zwar auf die Funktion KundenFilter<\/b>, die wir mit AddressOf <\/b>angeben:<\/p>\n objListCollectionView.Filter = AddressOf KundenFilter\r\nEnd Sub<\/span><\/pre>\nBevor wir fortsetzen, fügen wir dem XAML-Code für unser Fenster ein StackPanel <\/b>hinzu, dass ein Label<\/b>-, ein TextBox<\/b>– und ein Button<\/b>-Element enthält:<\/p>\n<StackPanel Orientation=\"Horizontal\">\r\n <Label>Nachname:<\/Label>\r\n <TextBox x:Name=\"txtFilterNachname\" Width=\"100\"><\/TextBox>\r\n <Button x:Name=\"btnFiltern\" IsDefault=\"True\" Click=\"btnFiltern_Click\">Filtern<\/Button>\r\n<\/StackPanel><\/pre>\nDas TextBox<\/b>-Element soll den Filterausdruck entgegennehmen, das Button<\/b>-Element soll das Filtern auslösen. Deshalb geben wir dafür eine Ereignismethode an, die wie folgt aussieht und lediglich die Refresh<\/b>-Methode von objListCollectionView <\/b>auslöst:<\/p>\nPrivate Sub <\/span>btnFiltern_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n objListCollectionView.Refresh()\r\nEnd Sub<\/span><\/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