Different views / data template based on member variable

by

I usually use a ContentControl to display the data, and swap out the ContentTemplate in a trigger based on the property that changes.

Here’s an example I have posted on my blog that swaps a template based on a bound property

<DataTemplate x:Key="PersonTemplate" DataType="{x:Type local:ConsumerViewModel}">
     <TextBlock Text="I'm a Person" />
</DataTemplate> 

<DataTemplate x:Key="BusinessTemplate" DataType="{x:Type local:ConsumerViewModel}">
     <TextBlock Text="I'm a Business" />
 </DataTemplate>

<DataTemplate DataType="{x:Type local:ConsumerViewModel}">
     <ContentControl Content="{Binding }">
         <ContentControl.Style>
             <Style TargetType="{x:Type ContentControl}">
                 <Setter Property="ContentTemplate" Value="{StaticResource PersonTemplate}" />
                 <Style.Triggers>
                     <DataTrigger Binding="{Binding ConsumerType}" Value="Business">
                         <Setter Property="ContentTemplate" Value="{StaticResource BusinessTemplate}" />
                     </DataTrigger>
                 </Style.Triggers>
             </Style>
         </ContentControl.Style>
     </ContentControl>
 </DataTemplate>

A DataTemplateSelector will also work, but only if the property that determines which template to show doesn’t change since DataTemplateSelectors don’t respond to change notifications. I usually avoid them if possible since I also prefer my view selection logic in my view so I can see whats going on.

More Related Contents:

  1. Binding to static property
  2. How do you bind a CollectionContainer to a collection in a view model?
  3. Access parent DataContext from DataTemplate
  4. Why does the binding update without implementing INotifyPropertyChanged?
  5. OneWayToSource binding from readonly property in XAML
  6. What approaches are available to dummy design-time data in WPF?
  7. WPF CommandParameter is NULL first time CanExecute is called
  8. How do I convert a Color to a Brush in XAML?
  9. Is there a way to use data-template inheritance in WPF?
  10. WPF Some styles not applied on DataTemplate controls
  11. How to get DataTemplate.DataTrigger to check for greater than or less than?
  12. How to format number of decimal places in wpf using style/template?
  13. WPF: Display a bool value as “Yes” / “No”
  14. How can I reduce RadioButton binding code?
  15. What does “{Binding Path=.}” mean in WPF binding?
  16. Template Binding in Control template
  17. Binding in WPF to element of array specified by property
  18. ElementName Binding is failing
  19. How to disable a databound ListBox item based on a property value?
  20. Setting DataContext within UserControl is affecting bindings in parent
  21. WPF MenuItem.Command binding to ElementName results to System.Windows.Data Error: 4 : Cannot find source for binding with reference
  22. How to display search results in a WPF items control with highlighted query terms
  23. How do I dynamically bind and statically add MenuItems?
  24. How can I tell my DataTemplate to bind to a property in the PARENT ViewModel?
  25. How to Extract Default Control Template In Visual Studio?
  26. Best way to use a vector image in WPF?
  27. inherit style from default style
  28. How to set MouseOver event/trigger for border in XAML?
  29. WPF checkbox binding
  30. Bind a property to DataTemplateSelector

Leave a Comment