How can I data bind a list of strings to a ListBox in WPF/WP7?

by

If simply put that your ItemsSource is bound like this:

YourListBox.ItemsSource = new List<String> { "One", "Two", "Three" };

Your XAML should look like:

<ListBox Margin="20" Name="YourListBox">
    <ListBox.ItemTemplate> 
        <DataTemplate> 
            <StackPanel Orientation="Horizontal"> 
                <TextBlock Text="{Binding}" /> 
            </StackPanel> 
        </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox>

Update:

This is a solution when using a DataContext. Following code is the viewmodel you will be passing to the DataContext of the page and the setting of the DataContext:

public class MyViewModel
{
    public List<String> Items
    {
        get { return new List<String> { "One", "Two", "Three" }; }
    }
}

//This can be done in the Loaded event of the page:
DataContext = new MyViewModel();

Your XAML now looks like this:

<ListBox Margin="20" ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

The advantage of this approach is that you can put a lot more properties or complex objects in the MyViewModel class and extract them in the XAML. For example to pass a List of Person objects:

public class ViewModel
{
    public List<Person> Items
    {
        get
        {
            return new List<Person>
            {
                new Person { Name = "P1", Age = 1 },
                new Person { Name = "P2", Age = 2 }
            };
        }
    }
}

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}

And the XAML:

<ListBox Margin="20" ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path=Name}" />
                <TextBlock Text="{Binding Path=Age}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Hope this helps! 🙂

More Related Contents:

  1. How to bind an enum to a combobox control in WPF?
  2. Content of a Button Style appears only in one Button instance
  3. Should I bind to ICollectionView or ObservableCollection
  4. WPF TwoWay Binding to a static class Property
  5. Problems with binding to Window Height and Width
  6. Why does WPF databinding swallow exceptions?
  7. How to hide a panel? [closed]
  8. Richtextbox wpf binding
  9. Accessing UI (Main) Thread safely in WPF
  10. Metadata file ‘.dll’ could not be found
  11. Implement Validation for WPF TextBoxes
  12. Where can I find a free masked TextBox in WPF? [closed]
  13. Using the WPF Dispatcher in unit tests
  14. How to render a WPF UserControl to a bitmap without creating a window
  15. WPF: How do I loop through the all controls in a window?
  16. Use StringFormat to add a string to a WPF XAML binding
  17. Set focus on textbox in WPF
  18. the name does not exist in the namespace clr-namespace
  19. WPF equivalent to TextRenderer
  20. How to sort TreeView items using SortDescriptions in Xaml?
  21. DataBinding in WPF?
  22. How to display items in Canvas through Binding
  23. Binding properties in code behind
  24. WinForms DataGridView – databind to an object with a list property (variable number of columns)
  25. Dynamically loading resource dictionary files to a wpf application gives an error
  26. Prism assembly reference failure: System.Windows.Interactivity
  27. How do I resolve the value of a databinding inside a MarkupExtension?
  28. Get the item doubleclick event of listview
  29. How to Print Preview when using a DocumentPaginator to print?
  30. WPF + MVVM + RadioButton : How to handle binding with single property?

Leave a Comment