CODEWITHSUNDEEP
wpfwpf-controlsdatatemplateitemscontrol
LJW
LJW

Reputation: 2388

ItemContainerStyle for Canvas-based ItemsControl

I have the following ItemsControl, for which I'm using a Canvas as the panel:

<ItemsControl ItemsSource="{Binding Widgets}">
    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type widgetLayoutSpike:ColouredWidget}">
            <Grid Background="{Binding BgColour}">
                <TextBlock Text="{Binding Title}" />
            </Grid>
        </DataTemplate>
    </ItemsControl.Resources>

    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Grid Background="Yellow">
                            <!--  <ContentPresenter />  -->
                        </Grid>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

My requirements are:

The Canvas creates a ContentPresenter for each bound item. As you can see above, I had hoped to be able to specify a ContentTemplate for the ContentPresenter in the ItemContainerStyle, but this doesn't work as I assume it essentially creates a circular reference.

Thanks in advance!

Upvotes: 2

Views: 3326

Answers (1)

Clemens
Clemens

Reputation: 128042

It is perhaps easier to do this with a ListBox instead of an ItemsControl as the container type is a ListBoxItem, which (in contrast to ContentPresenter) has a control template that you can replace in your Style:

<ListBox ItemsSource="{Binding Widgets}">
    <ListBox.Resources>
        <DataTemplate DataType="{x:Type widgetLayoutSpike:ColouredWidget}">
            <Grid Background="{Binding BgColour}">
                <TextBlock Text="{Binding Title}" />
            </Grid>
        </DataTemplate>
    </ListBox.Resources>
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid Background="Yellow">
                            <ContentPresenter Margin="2"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

Edit: maybe you have to write

<ContentPresenter Margin="2"
                  Content="{TemplateBinding Content}"
                  ContentTemplate="{TemplateBinding ContentTemplate}"/>

Upvotes: 1

Related Questions