Using ItemTemplate for a TreeView when adding items in code Using ItemTemplate for a TreeView when adding items in code wpf wpf

Using ItemTemplate for a TreeView when adding items in code


Your ItemTemplate is trying to render a "Name" and "Age" property in TextBlocks, but TreeViewItem doesn't have an "Age" property and you aren't setting its "Name".

Because you're using an ItemTemplate, there's no need to add TreeViewItems to the tree. Instead, add your Person instances directly:

_treeView.Items.Add(new Person { Name = "Sally", Age = 28});

The problem, of course, is that your underlying object ("Person") doesn't have any concept of hierarchy, so there's no simple way to add "Joe" to "Sally". There are a couple of more complex options:

You could try handling the TreeView.ItemContainerGenerator.StatusChanged event and wait for the "Sally" item to be generated, then get a handle to it and add Joe directly:

public Window1(){    InitializeComponent();     var bob = new Person { Name = "Bob", Age = 34 };     var sally = new Person { Name = "Sally", Age = 28 };     _treeView.Items.Add(bob);     _treeView.Items.Add(sally);    _treeView.ItemContainerGenerator.StatusChanged += (sender, e) =>    {        if (_treeView.ItemContainerGenerator.Status != GeneratorStatus.ContainersGenerated)             return;        var sallyItem = _treeView.ItemContainerGenerator.ContainerFromItem(sally) as TreeViewItem;        sallyItem.Items.Add(new Person { Name = "Joe", Age = 15 });    };}

Or, a better solution, you could introduce the hierarchy concept into your "Person" object and use a HierarchicalDataTemplate to define the TreeView hierarchy:

XAML:

<Window x:Class="TreeTest.Window1"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    Title="WindowTree" Height="300" Width="300">    <Grid>        <TreeView Name="_treeView">            <TreeView.ItemTemplate>                <HierarchicalDataTemplate ItemsSource="{Binding Subordinates}">                    <StackPanel Orientation="Horizontal">                        <TextBlock Text="{Binding Path=Name}" />                        <TextBlock Text="{Binding Path=Age}" />                    </StackPanel>                </HierarchicalDataTemplate>            </TreeView.ItemTemplate>        </TreeView>    </Grid></Window>

CODE:

using System.Collections.Generic;using System.Windows;namespace TreeTest{    /// <summary>    /// Interaction logic for Window1.xaml    /// </summary>    public partial class Window1 : Window    {        public Window1()        {            InitializeComponent();             var bob = new Person { Name = "Bob", Age = 34 };             var sally = new Person { Name = "Sally", Age = 28 };             _treeView.Items.Add(bob);             _treeView.Items.Add(sally);            sally.Subordinates.Add(new Person { Name = "Joe", Age = 15 });        }    }    public class Person     {        public Person()        {            Subordinates = new List<Person>();        }        public string Name { get; set; }         public int Age { get; set; }        public List<Person> Subordinates { get; private set;  }    }}

This is a more "data-oriented" way to display your hierarchy and a better approach IMHO.


It will work if you pull your DataTemplate out of the TreeView and put it into Window.Resources. Like this:

<Window.Resources>        <DataTemplate DataType={x:type Person}>        <StackPanel Orientation="Horizontal">            <TextBlock Text="{Binding Path=Name}" />            <TextBlock Text="{Binding Path=Age}" />        </StackPanel>    </DataTemplate></Window.Resources>

Don't forget to add the right namespace before Person.