Without specifying a DataTemplate, the ListBox displays a list of names. : ListBox « Windows Presentation Foundation « C# / C Sharp






Without specifying a DataTemplate, the ListBox displays a list of names.

Without specifying a DataTemplate, the ListBox displays a list of names.
  

<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
            Margin="10"
            ItemsSource="{Binding Source={StaticResource people}}"/>
    </Grid>
</Window>
//File:Window.xaml.cs
using System.Collections.ObjectModel;

namespace WpfApplication1
{
    public class Employee
    {
        public string FirstName
        {
            get;
            set;
        }

        public int Age
        {
            get;
            set;
        }
        public string Photo
        {
            get;
            set;
        }

        public override string ToString()
        {
            return FirstName;
        }
    }

    public class People : Collection<Employee>
    {
        public People()
        {
            this.Add(new Employee()
                         {
                             FirstName = "A",
                             Age = 26,
                             Photo = "a.png"
                         });
            this.Add(new Employee()
                         {
                             FirstName = "C",
                             Age = 24,
                             Photo = "c.png"
                         });
        }
    }
}

   
    
  








Related examples in the same category

1.ListBox With Items PanelListBox With Items Panel
2.Rotate a ListBoxRotate a ListBox
3.Scale a ListBoxScale a ListBox
4.Skew Transforms for a ListBoxSkew Transforms for a ListBox
5.ListBoxItem ContentListBoxItem Content
6.ListBox with ImageListBox with Image
7.ListBox with different font for each ListBoxItemListBox with different font for each ListBoxItem
8.Binding ListBox ItemsSource to Fonts.SystemFontFamiliesBinding ListBox ItemsSource to Fonts.SystemFontFamilies
9.ListBox and ListBox.ItemsListBox and ListBox.Items
10.ListBox Leveraging Content PropertyListBox Leveraging Content Property
11.ListBox and SelectionModeListBox and SelectionMode
12.ListBox Selected Index, Item, ValueListBox Selected Index, Item, Value
13.Convert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverterConvert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverter
14.Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font.Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font.
15.ListBox SelectionChanged EventListBox SelectionChanged Event
16.ListBox SelectionMode=SingleListBox SelectionMode=Single
17.Get Selected Item from ListBoxGet Selected Item from ListBox
18.Display Bounded objects onto ListBoxDisplay Bounded objects onto ListBox
19.Use DataTemplate in ListBoxUse DataTemplate in ListBox
20.Load the Items in a ListBox AsynchronouslyLoad the Items in a ListBox Asynchronously
21.ListBox binds to the people collection, and sets the DataTemplate to use for displaying each item
22.ListBox selection changed eventListBox selection changed event
23.Different Font Family and Size for each ListBoxItemDifferent Font Family and Size for each ListBoxItem
24.Handles ListBoxItem Selected events for the ListBoxItems in the inner ListBox.Handles ListBoxItem Selected events for the ListBoxItems in the inner ListBox.
25.Use Panel as a ListBoxItemUse Panel as a ListBoxItem
26.Create a ListBoxItem, set font, content, add the ListBoxItem to the ListBoxCreate a ListBoxItem, set font, content, add the ListBoxItem to the ListBox
27.Select All ListBox ItemsSelect All ListBox Items
28.Create a style that will produce a horizontal ListBox.Create a style that will produce a horizontal ListBox.
29.Convert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverterConvert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverter
30.Convert contents of a ListBoxItem to an instance of Thickness by using the BrushConverterConvert contents of a ListBoxItem to an instance of Thickness by using the BrushConverter
31.DataTrigger, ListBox and user objectDataTrigger, ListBox and user object
32.Add selected file to ListBoxAdd selected file to ListBox
33.ListBox with Image itemListBox with Image item
34.Fill up the ListBox with brush namesFill up the ListBox with brush names
35.Get selected item from ListBoxGet selected item from ListBox
36.List box with text and non-text content in the list box items.List box with text and non-text content in the list box items.
37.This list box allows multiple user selections.This list box allows multiple user selections.
38.List box that uses data binding to populate the list box items.List box that uses data binding to populate the list box items.
39.This list box allows items to be selected in groups by using the SHIFT key and mouse or the CTRL key and space key.This list box allows items to be selected in groups by using the SHIFT key and mouse or the CTRL key and space key.
40.Select All and unselect allSelect All and unselect all
41.Get selected item count from ListBoxGet selected item count from ListBox
42.Change the Appearance of Alternate Items in a ListChange the Appearance of Alternate Items in a List
43.Change the Appearance of a List Item When It's SelectedChange the Appearance of a List Item When It's Selected
44.Select Product Page FunctionSelect Product Page Function
45.View and Select Items Using a ListView and Select Items Using a List
46.Set text to TextBlock for selected list itemSet text to TextBlock for selected list item
47.Iterate through the selected items and remove each oneIterate through the selected items and remove each one
48.Ensure there is at least one item selectedEnsure there is at least one item selected