Class<\/span> MainWindow\r\n Public <\/span>Property Adressen As <\/span>ObservableCollection(Of Adresse)\r\n Public <\/span>Sub New()\r\n InitializeComponent()\r\n Adressen = New<\/span> ObservableCollection(Of Adresse)\r\n Adressen.Add(New<\/span> Adresse With<\/span> {.Anrede = \"Herr\", .EMail = \"andre@minhorst.com\", .Firma = \"André Minhorst Verlag\", _\r\n .ID = 1, .Land = \"Deutschland\", .Nachname = \"Minhorst\", .Ort = \"Duisburg\", .PLZ = \"47137\", _\r\n .Strasse = \"Borkhofer Str. 17\", .Telefon = \"0123\/123456\", .Vorname = \"André\"})\r\n ''...weitere Adressen\r\n DataContext = Me\r\n End Sub\r\nEnd Class<\/span><\/pre>\nDie Klasse Adresse.vb <\/b>sieht etwa wie folgt aus:<\/p>\nPublic Class<\/span> Adresse\r\n Public <\/span>Property ID As Integer<\/span>\r\n Public <\/span>Property Firma As String<\/span>\r\n Public <\/span>Property Anrede As String<\/span>\r\n Public <\/span>Property Vorname As String<\/span>\r\n Public <\/span>Property Nachname As String<\/span>\r\n Public <\/span>Property Strasse As String<\/span>\r\n Public <\/span>Property PLZ As String<\/span>\r\n Public <\/span>Property Ort As String<\/span>\r\n Public <\/span>Property Land As String<\/span>\r\n Public <\/span>Property EMail As String<\/span>\r\n Public <\/span>Property Telefon As String<\/span>\r\nEnd Class<\/span><\/pre>\nDamit können wir schon das Window<\/b>-Element mit dem ListView<\/b>-Element bestücken. Damit dieses die Daten der Auflistung in der ObservableCollection<\/b> anzeigt, benötigen wir ein paar Unterelemente. Als Erstes stellen wir jedoch für das ListView<\/b>-Element die Datenherkunft ein, und zwar mit dem Attribut ItemsSource<\/b>.<\/p>\n
Dieses legen wir auf den Wert {Binding Adressen} <\/b>ein, was eine Bindung zu der mit der öffentlichen Eigenschaft Adressen <\/b>der Code behind-Klasse erzeugt. Dann fügen wir diesem über ein Property Element die Eigenschaft View <\/b>hinzu (<\/b>). Dieses erhält schließlich das Element GridView <\/b>und die untergeordneten Spaltenbeschreibungen GridViewColumn<\/b>.<\/p>\nIn diesen Elementen legen wir mit der Eigenschaft Header <\/b>die Spaltenüberschriften und mit der Eigenschaft DisplayMemberBinding <\/b>und dem Wert {Binding } <\/b>den Inhalt des ListView<\/b>-Elements fest:<\/p>\n<Window x:Class=\"MainWindow\" ... Title=\"MainWindow\" Height=\"350\" Width=\"525\">\r\n <Grid>\r\n <ListView ItemsSource=\"{Binding Adressen}\" Margin=\"5\">\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=\"Anrede\" DisplayMemberBinding=\"{Binding Anrede}\" \/>\r\n <GridViewColumn Header=\"Vorname\" DisplayMemberBinding=\"{Binding Vorname}\" \/>\r\n <GridViewColumn Header=\"Nachname\" DisplayMemberBinding=\"{Binding Nachname}\" \/>\r\n <GridViewColumn Header=\"Straße\" 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 <\/GridView>\r\n <\/ListView.View>\r\n <\/ListView>\r\n <\/Grid>\r\n<\/Window><\/pre>\nDas Ergebnis sieht dann im Entwurf zunächst wie in Bild 1 aus.<\/p>\n
![\"Entwurf](\"..\/fileadmin\/_temp_\/2018_01\/pic_117_001.png\")
<\/p>\n
Bild 1: Entwurf des ListView-Elements<\/span><\/b><\/p>\nStarten Sie nun die Anwendung, erhalten Sie bereits die mit den Adressen gefüllte Liste aus Bild 2.<\/p>\n
![\"Das](\"..\/fileadmin\/_temp_\/2018_01\/pic_117_002.png\")
<\/p>\n
Bild 2: Das ListView-Element in Aktion<\/span><\/b><\/p>\nHier ein kurzer Hinweis darauf, dass wir für das Anlegen der GridViewColumn<\/b>-Elemente die Standardeigenschaft des GridView<\/b>-Elements nutzen, nämlich Columns<\/b>. Ausgeschrieben sähe der Code in gekürzter Form wie folgt aus:<\/p>\n<GridView>\r\n <GridView.Columns>\r\n <GridViewColumn Header=\"ID\" DisplayMemberBinding=\"{Binding ID}\" \/>\r\n <\/GridView.Columns>\r\n<\/GridView><\/pre>\nEigenschaften des ListView-Steuerelements<\/h2>\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