Question

I have a TreeView control on my WPF window. I am giving only relevant XAML from my window.

<Window.Resources>
        <HierarchicalDataTemplate x:Key="HierarchicalTemplate" ItemsSource="{Binding SubOrgUnitItems}">
            <StackPanel Orientation="Horizontal">
                <Image Height="16" Source="{Binding ImagePath}" Stretch="Fill" Width="16"/>
                <TextBlock Text="{Binding OrgUnitName}" Name="treeText" />
            </StackPanel>
        </HierarchicalDataTemplate>
    </Window.Resources>



<TreeView Margin="10,35,10,10" BorderThickness="1" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" ScrollViewer.VerticalScrollBarVisibility="Auto"
                      IsTabStop="True" Name="orgTreeView" ItemsSource="{Binding}"  ItemTemplate="{DynamicResource HierarchicalTemplate}" TabIndex="700" SelectedItemChanged="orgTreeView_SelectedItemChanged" />

When the Collection of Organisations is bound to DataContext of the TreeView, items are displayed with the OrgUnitName‘s value as a text at every node.
Now at run time I want to see some other property’s value as a text at every node. e.g. OrgUnitCode instead of OrgUnitName. Both are properties declared in the view model class associated with the treeview.

How can i do it programatically at run time?

Answer 1

You should use HierarchicalDataTemplateSelector.

Define two different HierarchicalDataTemplate (as you did).

Inherite your custom selector class from DataTemplateSelector, override its SelectTemplate method and put there the logic of the selection. This method will return the correct template in each case.

Create a Resource(Custom Selector class) in the xaml file.

Set the TreeViews ItemTemplateSelector to the static selector resource.

See a simple example here: Link