Binding ListBox to List (Collection) in XAML

Question

I'm learning WPF, so I'm kind of n00b in this. I saw some examples about how to do what I want to do, but nothing exactly...

The question: I want to bind List to ListBox. I want to do it in XAML, w/o coding in code behind. How can I achieve that?

Right now I do it that way:

XAML

<ListBox x:Name="FileList">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Label Content="{Binding Path=.}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Code behind

public MainWindow()
{
    // ...
    files = new List<string>();
    FileList.ItemsSource = files;
}

private void FolderBrowser_TextChanged(object sender, RoutedEventArgs e)
{
    string folder = FolderBrowser.Text;
    files.Clear();
    files.AddRange(Directory.GetFiles(folder, "*.txt", SearchOption.AllDirectories));
    FileList.Items.Refresh();
}

But I want to get rid of FileList.ItemsSource = files; and FileList.Items.Refresh(); in C# code.

Thanks

this thread may help you. http://stackoverflow.com/questions/9391746/how-can-i-data-bind-a-list-of-strings-to-a-listbox-in-wpf-wp7 — FebinDonz, Apr 04 '14 at 06:15

score 20 · Accepted Answer · edited Aug 23 '17 at 15:09

20

First, setup the binding in your listbox:

<ListBox x:Name="FileList" ItemsSource="{Binding Files}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Label Content="{Binding Path=.}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

or

<ListBox x:Name="FileList" ItemsSource="{Binding Files}" DisplayMemberPath="."/>

Next, make sure "Files" is a property in your DataContext (or code behind). (You can't bind to fields, only properties...)

Ideally, you'll want to make Files an ObservableCollection<T> instead of a List<T>, as well. This will allow the binding to handle adding or removing elements correctly.

If you do these two things, it should just work correctly.

edited Aug 23 '17 at 15:09

Squirrel in training

658
1
9
23

answered Apr 20 '10 at 20:36

Reed Copsey

554,122
78
1,158
1,373

Thanks. Next step [for me] will be learning how to create `ObservableLis : INotifyCollectionChanged, INotifyPropertyChanged` – David Apr 21 '10 at 18:24
Is there any way of ccuting out the part? and like going `ItemsSource="{Binding Files.PROPERTY}">? – Squirrel in training Aug 16 '17 at 13:19
@Nerdintraining You can use DisplayMemberPath if you're just binding a string (or something that looks right converted to a string) – Reed Copsey Aug 16 '17 at 17:57

score 1 · Answer 2 · answered Apr 21 '10 at 07:52

Two tricks to add to Reed's answer:

1) If all you're displaying in your list box items is a string, you can avoid the ListBox.ItemTemplate folderol by just setting ListBox.DisplayMemberPath.

2) You can set the window's DataContext to itself. For instance, give the window a name of MyWindow and set its DataContext to {Binding ElementName=MyWindow}. Now you can bind to any of its public properties. (I'm pretty sure Reed's who I learned that trick from in the first place.)

Thank you. It's an interesting approach and I surely will use it. — David, Apr 21 '10 at 18:26

Binding ListBox to List (Collection) in XAML

2 Answers2