WPF: Setting ItemSource in XAML vs. code-behind

c#, itemssource, listview, wpf

Solution

This:

<ListView ItemsSource="{Binding AllRoles}" Name="Hello">

means "Bind `ItemsSource` to the property `this.DataContext.AllRoles`" where `this` is the current element.

Hello.ItemsSource = AllRoles;

means "Bind `ItemsSource` to an `ObservableCollection<T>` full of roles", which directly does what you were trying to do originally.

There are a number of ways to do this in xaml. Here's one:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();
        var allRoles = new ObservableCollection<Role>()
        allRoles.Add(new Role("John", "Manager"));
        allRoles.Add(new Role("Anne", "Trainee"));
        this.DataContext = allRoles;
    }
}

and in the xaml

<ListView ItemsSource="{Binding}" Name="Hello">

OR, alternatively, you could make AllRoles a public property of the window

public partial class MainWindow : Window
{
    public ObservableCollection<Role> AllRoles {get;private set;}
    public MainWindow()
    {
        this.InitializeComponent();
        var allRoles = new ObservableCollection<Role>()
        allRoles.Add(new Role("John", "Manager"));
        allRoles.Add(new Role("Anne", "Trainee"));
        this.AllRoles = allRoles;
    }
}

and then use a RelativeSource to tell the Binding to walk up the logical tree to the Window

<ListView 
  ItemsSource="{Binding AllRoles, RelativeSource={RelativeSource FindAncestor, AncestorType=Window}}" 
  Name="Hello">

Which means "Look at my ancestry until you find a Window, then look for a public property on the window called AllRoles".

But the best way to do this is to skip the frigging codebehind altogether and use the MVVM pattern. I'd suggest if you're learning that you skip directly to the MVVM pattern. The learning curve is steep, but you learn all about binding and commands and the important, cool things about WPF.

Problem

Original source