Display List of Custom Objects in a ListBox, Using a Custom User Control For Each

Question

I have a list of objects (a custom class) that I want to display inside a ListBox, with each object drawing inside a custom User Control. Imagine a list of contacts (with custom Contact class) that should show up as a list of ContactUserControls (the XAML designed to present a Contact)

I know how to databind a list of Contact objects to a ListBox. I can databind a single Contact to a single ContactUserControl. I'm trying to understand the pattern/implementation of a databound list of objects that uses my custom UserControl to draw each object.

Do I bind the ListBox to my list of Contact objects, and (inside the Contact class) set up a connection to the ContactUserControl ("This is how you draw")? Do I bind the ListBox to a list of ContactUserControls, and bind each User Control to one of theses Contact objects before they go into the list? If so, do I have to do it manually via "ForEach" binding, or is there a "semi-magical" way in which it can be done purely via XAML?

Ideally, everything is correctly databound. Thanks! Not expecting somebody to present a turnkey solution of the entire thing, pointers to the applicable pattern/tutorials would be a great start.

Liked your question and that's the beauty of the XAML to tweak the way you want. eagerly waiting for someone's response with better solution/method. — Dirty Developer
– Dirty Developer, Commented Jan 9, 2017 at 1:07
I'm almost certain there's an elegant XAML-only solution. But I'm way to new to WPF to know where to start. — Drakestar
– Drakestar, Commented Jan 9, 2017 at 1:08
even I am not well-versed with XAML, but this can happen. 1) rather than using the the Listbox ,use custom control for a single contact. 2) repeat the contact custom control multiple times using for each loop or like inside the grid or datagrid — Dirty Developer
– Dirty Developer, Commented Jan 9, 2017 at 1:10

Drakestar · Accepted Answer · 2017-01-09 08:05:22Z

4

You can use <ListBox.ItemTemplate>. Something like this:

<ListBox ItemsSource="{Binding contacts}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <local:ContactUserControls DataContext="{Binding}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

See https://msdn.microsoft.com/en-us/library/cc265158(v=vs.95).aspx the section about To format items in a ListBox or see https://msdn.microsoft.com/en-us/library/system.windows.controls.itemscontrol.itemtemplate(v=vs.110).aspx the Examples section

edited Jan 9, 2017 at 8:05

Drakestar

74811 silver badges30 bronze badges

answered Jan 9, 2017 at 5:31

Pouya Abadi

2551 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Clemens Over a year ago

Collectives™ on Stack Overflow

Display List of Custom Objects in a ListBox, Using a Custom User Control For Each

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related