How to Automatically Use a DataTemplate Based on ContentControl's Current Content's DataType

wpf xaml datatemplate
Emmanuel picture Emmanuel · Jun 30, 2010 · Viewed 16.6k times · Source

When I attempt to specify multiple DataTemplates for use by a ContentControl so that the correct one (based on Type) is used, I end up with Content that is simply the Content's ToString() value.

<ContentControl DataContext="{Binding MyTreeRootViewModels}" Content="{Binding /, Path=CurrentlySelectedTreeViewModel}">
  <ContentControl.Resources>
     <DataTemplate DataType="x:Type vm:TypeAViewModel">
        <StackPanel>
           <local:TypeAUserControl />
           </StackPanel>
     </DataTemplate>

     <DataTemplate DataType="x:Type vm:TypeBViewModel">
        <StackPanel>
           <local:TypeBUserControl />
        </StackPanel>
     </DataTemplate>
  </ContentControl.Resources>
</ContentControl>

In the example above I would see "MyApp.ViewModel.TypeAViewModel" displayed when a tree node of TypeAViewModel is returned by CurrentlySelectedTreeViewModel. I expect to see my TypeAViewModelUserControl.

I've tried putting a single <TextBlock Text="TESTING"/> element in one of my DataTemplates just to see if the problem was related to my user controls. Same result.

Any ideas what I am doing wrong?

(By the way, the CurrentlySelectedTreeViewModel is a property that returns the currently selected node in my treeview. It seems to work just fine - as I select nodes in the tree, the correct type name for the node appears ContentControl).

Answer

Bubblewrap picture Bubblewrap · Jun 30, 2010

The x:Type bit should be between curly braces {}:

<DataTemplate DataType="{x:Type vm:TypeAViewModel}">

Related questions

Access parent DataContext from DataTemplate

I have a ListBox which binds to a child collection on a ViewModel. The listbox items are styled in a datatemplate based on a property on the parent ViewModel: <Style x:Key="curveSpeedNonConstantParameterCell"> <Style.Triggers> <…

Read More
How to get DataTemplate.DataTrigger to check for greater than or less than?

The following DataTemplate.DataTrigger makes the age display red if it is equal to 30. How do I make the age display red if it is greater than 30? <DataTemplate DataType="{x:Type local:Customer}"> <Grid x:Name="MainGrid" …

Read More
WPF ListView with buttons on each line

I have a list of Games which just has an ID, a Date, and a Time. I am setting this list as the DataContext. I then have a DataTemplate for these games that is: <DataTemplate DataType="{x:Type loc:…

Read More