Put UIElement to ListBox with custom ItemTemplate

Question

I have an array of System.Windows.Controls.Image and I assign it to ListBox.ItemsSource.

What's more, I want to have a Border around each Image.

The xaml below demonstrates my idea.

<ListBox>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Border BorderThickness="2" Style="{StaticResource borderStyle}"
                    Child="{Binding}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

As you know, Child is not a dependency property; the code won't work.

So how should I put the Image (or the ListBox item) in the template?

score 2 · Accepted Answer · edited Aug 23 '13 at 00:38

2

A ContentControl should do the trick:

<Border BorderThickness="2" Style="{StaticResource borderStyle}">
  <ContentControl Content="{Binding}"/>
</Border>

edited Aug 23 '13 at 00:38

Dave Clemmer

3,741
12
49
72

answered Jan 22 '12 at 06:27

ColinE

68,894
15
164
232

1

@LoveRight wow - that was a good guess. I was only ~ 50% sure it would work :-) – ColinE Jan 23 '12 at 15:23

Put UIElement to ListBox with custom ItemTemplate

1 Answers1