Binding from within a DataTemplate?

Question

I'm building a Silverlight control and I'm trying to set up bindings for the Header and Body ContentControls through their respective DataTemplates. I'm not sure why, but this does not work (silently fails). My only guess is that it is because the DataTemplates are StaticResources. Can anyone offer advice? The control has the following default template:

<Style TargetType="local:LayoutItem">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="local:LayoutItem">
            <StackPanel>
                <StackPanel.Resources>

                    <DataTemplate x:Key="DefaultHeaderTemplate">
                        <StackPanel>
                           <TextBlock Text="{Binding HeaderText}" FontSize="15"/>
                        </StackPanel>
                    </DataTemplate>

                    <DataTemplate x:Key="DefaultBodyTemplate">
                        <StackPanel>
                            <TextBlock Text="{Binding BodyText}" FontSize="12"/>
                        </StackPanel>
                    </DataTemplate>

                </StackPanel.Resources>

                <ContentControl x:Name="Header" 
                   ContentTemplate="{StaticResource DefaultHeaderTemplate}" />
                <ContentControl x:Name="Body" 
                   ContentTemplate="{StaticResource DefaultBodyTemplate}" />
            </StackPanel>
        </ControlTemplate>
   </Setter.Value>

Thanks!

Update

Actually, the following code does not work either, so my assumption about the StaticResources might be wrong.

<ContentControl x:Name="Header">
<ContentControl.ContentTemplate>
    <DataTemplate x:Key="DefaultHeaderTemplate">
        <StackPanel>
            <TextBlock Text="{Binding HeaderText}" FontSize="15"  />
        </StackPanel>
    </DataTemplate>
</ContentControl.ContentTemplate>
</ContentControl>

Is the DataContext for the control being set somewhere. Does the data that you're binding to have "HeaderText" and "BodyText" property? — Jacob Adams, Jul 06 '09 at 19:05
Yes, I am pretty certain this is true. As a proof, I can replace ContentControl with and it works. — Page, Jul 06 '09 at 19:18

score 3 · Accepted Answer · answered Jul 07 '09 at 18:28

I hate to answer my own question, but I got it working. It was really due to a problem elsewhere. For future reference, the following code works for me:

<Style TargetType="local:LayoutItem">
<Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="local:LayoutItem">
            <StackPanel x:Name="LayoutRoot">
                <StackPanel.Resources>

                    <DataTemplate x:Key="DefaultHeaderTemplate">
                        <StackPanel>
                            <TextBlock FontSize="50" Text="{Binding Path=HeaderText}" />
                        </StackPanel>
                    </DataTemplate>

                </StackPanel.Resources>

                <ContentControl x:Name="Header" Content="{Binding}" ContentTemplate="{StaticResource DefaultHeaderTemplate}" />

            </StackPanel>
        </ControlTemplate>
    </Setter.Value>
</Setter>

Please note the Content="{Binding}" addition. This was important. :)

Isn't the `Path` within `Binding` extra? – Nick Heiner Jan 06 '11 at 18:33 — Nick Heiner, Jan 06 '11 at 18:33
Lovely,.. just what I was missing. +1 – EightyOne Unite May 23 '11 at 18:39 — EightyOne Unite, May 23 '11 at 18:39

score 1 · Answer 2 · edited May 23 '17 at 10:32

1

You need to set the data context of the page somewhere. can be done in the code behind

/// ctor
public MyClass()
{
   this.DataContext = ObjectThatIsDataContext;
}

or in XAML:

<UserControl ...>
    <UserControl.Resources>
       <myNS:MyClass x:Name="TheContext" x:Key="TheContext" />    </UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="White" DataContext="{StaticResource TheContext}" >
        <TextBlock Text="{Binding Path=Field1}" />
    </Grid>
</UserControl>

Binding from within a DataTemplate?

3 Answers3