Use Data Templates to Display Bound Data : ListBox « Windows Presentation Foundation « VB.Net

Home VB.Net 1. 2D 2. Application 3. Class 4. Data Structure 5. Data Types 6. Database ADO.net 7. Development 8. Event 9. File Directory 10. Generics 11. GUI 12. Language Basics 13. LINQ 14. Network Remote 15. Security 16. Thread 17. Windows Presentation Foundation 18. Windows System 19. XML 20. XML LINQ VB.Net Tutorial VB.Net by API

VB.Net » Windows Presentation Foundation » ListBox Screenshots  Use Data Templates to Display Bound Data      <Window      x:Class="WpfApplication1.Window1"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:WpfApplication1="clr-namespace:WpfApplication1"     Title="WPF" Height="300" Width="300">     <Window.Resources>         <WpfApplication1:People x:Key="people"/>                  <DataTemplate x:Key="personTemplate">                 <Grid>                     <Grid.ColumnDefinitions>                         <ColumnDefinition Width="80"/>                         <ColumnDefinition Width="*"/>                     </Grid.ColumnDefinitions>                     <StackPanel>                         <TextBlock                             Style="{StaticResource lblStyle}"                             Text="First Name" />                         <TextBlock                              Style="{StaticResource dataStyle}"                             Text="{Binding Path=FirstName}"/>                         <TextBlock                              Style="{StaticResource lblStyle}"                             Text="Age" />                         <TextBlock                              Style="{StaticResource dataStyle}"                             Text="{Binding Path=Age}" />                     </StackPanel>                     <Image                          Margin="4"                         Grid.Column="1"                          Width="96"                         Height="140"                         Source="{Binding Path=Photo}"/>                 </Grid>         </DataTemplate>     </Window.Resources>     <Grid>         <ListBox             ItemsSource="{Binding Source={StaticResource people}}"             ItemTemplate="{StaticResource personTemplate}"/>         <ListBox             Margin="10"             ItemsSource="{Binding Source={StaticResource people}}"/>     </Grid> </Window> //File:Window.xaml.vb Imports System.Collections.ObjectModel Namespace WpfApplication1   Public Class Employee     Public Property FirstName() As String       Get         Return m_FirstName       End Get       Set         m_FirstName = Value       End Set     End Property     Private m_FirstName As String     Public Property Age() As Integer       Get         Return m_Age       End Get       Set         m_Age = Value       End Set     End Property     Private m_Age As Integer     Public Property Photo() As String       Get         Return m_Photo       End Get       Set         m_Photo = Value       End Set     End Property     Private m_Photo As String     Public Overrides Function ToString() As String       Return FirstName     End Function   End Class   Public Class People     Inherits Collection(Of Employee)     Public Sub New()       Me.Add(New Employee() With { _         .FirstName = "A", _         .Age = 26, _         .Photo = "a.png" _       })       Me.Add(New Employee() With { _         .FirstName = "C", _         .Age = 24, _         .Photo = "c.png" _       })     End Sub   End Class End Namespace                       Related examples in the same category 1. External ListBox style 2. Define ListBox template 3. Set selected index for ListBox 4. Bind String Array Resource to ListBox 5. ListBox Selected Index, Item, Value 6. ListBox and SelectionMode 7. ListView using GridView.HeaderTemplate and GridViewColumn.CellTemplate properties 8. Load the Items in a ListBox Asynchronously 9. Change the Appearance of Alternate Items in a List 10. Change the Appearance of a List Item When It's Selected 11. CheckBox List 12. Convert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverter 13. Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font. 14. ListBox SelectionChanged Event 15. ListBox SelectionMode=Single 16. Get Selected Item from ListBox 17. ListBox selection changed event 18. Different Font Family and Size for each ListBoxItem 19. Handles ListBoxItem Selected events for the ListBoxItems in the inner ListBox. 20. Use Panel as a ListBoxItem 21. Create a ListBoxItem, set font, content, add the ListBoxItem to the ListBox 22. Select All ListBox Items 23. Create a style that will produce a horizontal ListBox. 24. Convert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverter 25. DataTrigger, ListBox and user object 26. Add selected file to ListBox 27. ListBox with Image item 28. Get selecte item from ListBox 29. List box with text and non-text content in the list box items. 30. This list box allows multiple user selections. 31. List box that uses data binding to populate the list box items. 32. This list box allows items to be selected in groups by using the SHIFT key and mouse or the CTRL key and space key. 33. Get selected item count from Listbox 34. Change Height 35. Change MinHeight 36. View and Select Items Using a List 37. Set text to TextBlock for selected list item 38. Iterate through the selected items and remove each one 39. Ensure there is at least one item selected 40. Select All and unselect all 41. Get Item At Index Position [0]