Complex Hierarchical Data Templates

Source code checked in, #69709

Project Collection Service Accounts — Mon, 01 Oct 2012 22:10:56 GMT

Upgrade: New Version of LabDefaultTemplate.xaml. To upgrade your build definitions, please visit the following link: http://go.microsoft.com/fwlink/?LinkId=254563

Source code checked in, #69708

Project Collection Service Accounts — Mon, 01 Oct 2012 22:06:45 GMT

Checked in by server upgrade

Reviewed: First Release (Feb 15, 2012)

blorincz — Wed, 15 Feb 2012 20:01:21 GMT

Rated 5 Stars (out of 5) - Very nice. Saved me a ton of headaches.

New Post: Removing the "List of" nodes?

JezzaT — Fri, 13 May 2011 02:17:02 GMT

Try this solution: http://www.hardcodet.net/2008/12/heterogeneous-wpf-treeview
it seems simpler too.

New Post: Collection nodes without children are displayed empty

JezzaT — Fri, 13 May 2011 01:54:07 GMT

I made a change to ComplexGroupConverter so group headers don't appear if there are no children:

public class ComplexGroupConverter : IMultiValueConverter
	{
		#region IMultiValueConverter Members

		public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
		{
			var results = new List<object>();
			string[] parameters;
			if (parameter is string)
			{
				parameters = ((string) parameter).Split(',');
				for (var i = 0; i < parameters.Length; i++)
				{
					parameters[i] = parameters[i].Trim();
				}
			}
			else
			{
				parameters = new string[0];
			}
			var index = 0;
			foreach (var value in values)
			{
				if (value is IEnumerable)
				{
					var enumerable = (IEnumerable) value;
					if (index < parameters.Length)
					{
						results.Add(new BindingGroup(enumerable, parameters[index]));
					}
					else if (Any(enumerable))
					{
						results.Add(value);
					}
				}
				else if (value != null)
				{
					results.Add(value);
				}
				index++;
			}

			return results;
		}

		/// <summary>
		/// Determines whether the specified enumerable has any items.
		/// </summary>
		/// <param name="enumerable">The enumerable.</param>
		/// <returns></returns>
		public static bool Any(IEnumerable enumerable)
		{
			return Any(enumerable, false);
		}

		/// <summary>
		/// Determines whether the specified enumerable has any items.
		/// </summary>
		/// <param name="enumerable">The enumerable.</param>
		/// <param name="reset">if set to <c>true</c> reset the enumerator if there are any items found.</param>
		/// <returns></returns>
		public static bool Any(IEnumerable enumerable, bool reset)
		{
			if (enumerable is ICollection)
				return ((ICollection) enumerable).Count > 0;
			var enumerator = enumerable.GetEnumerator();
			var any = enumerator.MoveNext();
			if (any && reset)
				try
				{
					enumerator.Reset();
				}
				catch (NotSupportedException)
				{
				}
			return any;
		}

		public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
		{
			if (value is List<object>)
			{
				var objects = value as List<object>;
				return objects.ToArray();
			}
			throw new NotSupportedException();
		}

		#endregion
	}

New Post: Removing the "List of" nodes?

tomcat78 — Mon, 09 May 2011 10:59:54 GMT

I'm also interested in this topic. Has anyone got a solution for this?

New Post: Removing the "List of" nodes?

mrthornhill — Thu, 17 Feb 2011 22:14:21 GMT

I am also curious if this can be done.

jmccrillis did you ever find a means to accomplish this?

Source code checked in, #52373

_TFSSERVICE — Wed, 28 Jul 2010 17:08:20 GMT

Checked in by server upgrade

New Post: Collection nodes without children are displayed empty

Roman_Khr — Sat, 08 May 2010 17:31:34 GMT

Hello,

I do everything the same as in ComplexDataTemplates.UnitTest is done. One only difference is using ObservableCollection<T> instead of List<T> in collections. And if 'Traits' or 'Hobbies' nodes do not contain at least one children, they do not displayed. There is empty line in place where collection-node must be.

This is XAML of my window:

<Window x:Class="HierarchyBinding.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:complex="clr-namespace:DaisleyHarrison.WPF.ComplexDataTemplates;assembly=ComplexDataTemplates"
    xmlns:local="clr-namespace:MasterDetailBinding"
    Title="Window1" Height="300" Width="200">
    <Window.Resources>
        <complex:ComplexGroupDataTemplateSelector x:Key="complex-group-data-template-selector"/>
        <complex:ComplexGroupConverter x:Key="complex-group-converter"/>
        <!--Data views-->
        <HierarchicalDataTemplate DataType="{x:Type local:Family}" 
                                  ItemsSource="{Binding Path=Members}">
            <TextBlock Text="{Binding Path=FamilyName}" />
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate DataType="{x:Type local:Person}"
                                  ItemTemplateSelector="{StaticResource complex-group-data-template-selector}">
            <HierarchicalDataTemplate.ItemsSource>
                <MultiBinding Converter="{StaticResource complex-group-converter}" >
                    <Binding Path="Traits" />
                    <Binding Path="Hobbies" />
                </MultiBinding>
            </HierarchicalDataTemplate.ItemsSource>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding Path=Name}" />    
                <TextBlock Text=" (age: " />
                <TextBlock Text="{Binding Path=Age}" />
                <TextBlock Text=")" />
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IEnumerable[Hobby]" ItemsSource="{Binding Path=.}">
            <TextBlock>Hobbies</TextBlock>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IEnumerable[Trait]" ItemsSource="{Binding Path=.}">
            <TextBlock>Traits</TextBlock>
        </HierarchicalDataTemplate>
        <DataTemplate DataType="{x:Type local:Trait}">
            <TextBlock Text="{Binding Path=Description}" />
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:Hobby}">
            <TextBlock Text="{Binding Path=Title}" />
        </DataTemplate>
        <!--Start of Data section-->
        <local:Families x:Key="families">
            <local:Family FamilyName="Stooge">
                <local:Family.Members>
                    <local:People>
                        <local:Person Name="Larry" Age="21">
                            <local:Person.Traits>
                                <local:Traits>
                                    <local:Trait Description="In Charge" />
                                    <local:Trait Description="Mean" />
                                    <local:Trait Description="Ugly" />
                                </local:Traits>
                            </local:Person.Traits>
                            <local:Person.Hobbies>
                                <local:Hobbies>
                                    <local:Hobby Title="Swimming" />
                                    <local:Hobby Title="Dancing" />
                                    <local:Hobby Title="Fishing" />
                                </local:Hobbies>
                            </local:Person.Hobbies>
                        </local:Person>
                        <local:Person Name="Curly" Age="22" />
                        <local:Person Name="Moe" Age="23" />
                    </local:People>
                </local:Family.Members>
            </local:Family>
            <local:Family FamilyName="Addams">
                <local:Family.Members>
                    <local:People>
                        <local:Person Name="Gomez" Age="135" />
                        <local:Person Name="Morticia" Age="123" />
                        <local:Person Name="Faster" Age="137" />
                    </local:People>
                </local:Family.Members>
            </local:Family>
        </local:Families>
        <!--End of Data Section-->
    </Window.Resources>

    <TreeView DataContext="{StaticResource families}" >
        <TreeViewItem ItemsSource="{Binding}" Header="Families" />
    </TreeView>
</Window>

This is my classes:

Family:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Windows.Data;

namespace MasterDetailBinding
{
    /// <summary>
    /// Reperesents family
    /// </summary>
    public class Family
    {
        string familyName;
        public string FamilyName
        {
            get { return familyName; }
            set { familyName = value; }
        }
        People members;
        public People Members
        {
            get { return members; }
            set { members = value; }
        }
    }
    public class Families : ObservableCollection<Family> { }
}

Person:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Windows.Data;

namespace MasterDetailBinding
{
    /// <summary>
    /// Represents person
    /// </summary>
    public class Person
    {
        string name;
        public string Name
        {
            get { return name; }
            set { name = value; }
        }
        int age;
        public int Age
        {
            get { return age; }
            set { age = value; }
        }

        Traits traits;
        public Traits Traits
        {
            get { return traits; }
            set { traits = value; }
        }

        public Hobbies hobbies;
        public Hobbies Hobbies
        {
            get { return hobbies; }
            set { hobbies = value; }
        }
    }
    public class People : ObservableCollection<Person> { }
}

Trait:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Windows.Data;

namespace MasterDetailBinding
{
    /// <summary>
    /// Represents a trait (of person)
    /// </summary>
    public class Trait
    {
        string description;
        public string Description
        {
            get { return description; }
            set { description = value; }
        }
    }
    public class Traits : ObservableCollection<Trait> { }
}

Hobby:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;

namespace MasterDetailBinding
{
    /// <summary>
    /// Represents hobby (of person)
    /// </summary>
    public class Hobby
    {
        public string Title
        {
            get;
            set;
        }
    }

    public class Hobbies : ObservableCollection<Hobby> { }
}

Any ideas?

Thanks,

Roman

New Post: Nesting of ClassA ?

jmccrillis — Wed, 27 Jan 2010 21:22:51 GMT

Great library, thank you so much, it seems to be exactly what I've needed.

How does your example have to change to allow ClassA to have a list of more ClassA objects? I have just such a need and can't quite seem to get the setup right.

Thanks for any help!

Janene

New Post: Adding items at runtime

RonaldSchlenker — Thu, 06 Aug 2009 14:33:07 GMT

Hi,

I modified the sample. Now all classes (ClassA, ClassB and ClassC) use ObservableCollection<T> instead of List<T>. I added a new item to classA1.ListOfClassC at runtime, and the tree was updated correctly.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Markup;

namespace DaisleyHarrison.WPF.ComplexDataTemplates.UnitTest
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            this.Closed += new EventHandler(Window1_Closed);
            InitializeComponent();

            List<ClassA> listOfClassA = new List<ClassA>();
            ClassA classA1 = new ClassA();
            classA1.Label = "Class A-1";
            classA1.ToolTip = "This is Class A-1";
            ClassB classB11 = new ClassB();
            classB11.Label = "Class B-1-1";
            classB11.ToolTip = "This is Class B-1-1";
            classA1.ListOfClassB.Add(classB11);
            ClassB classB12 = new ClassB();
            classB12.Label = "Class B-1-2";
            classB12.ToolTip = "This is Class B-1-2";
            classA1.ListOfClassB.Add(classB12);
            ClassC classC11 = new ClassC();
            classC11.Label = "Class C-1-1";
            classC11.ToolTip = "This is Class C-1-1";
            classA1.ListOfClassC.Add(classC11);
            ClassC classC12 = new ClassC();
            classC12.Label = "Class C-1-2";
            classC12.ToolTip = "This is Class C-1-2";
            Item item121 = new Item();
            item121.Label = "Rocky Road";
            item121.ToolTip = "Rocky Road";
            classC12.IceCream.Add(item121);
            Item item122 = new Item();
            item122.Label = "Chocolate";
            item122.ToolTip = "Chocolate";
            classC12.IceCream.Add(item122);
            classA1.ListOfClassC.Add(classC12);
            listOfClassA.Add(classA1);

            ClassA classA2 = new ClassA();
            classA2.Label = "Class A-2";
            classA2.ToolTip = "This is Class A-2";
            ClassB classB21 = new ClassB();
            classB21.Label = "Class B-2-1";
            classB21.ToolTip = "This is Class B-2-1";
            classA2.ListOfClassB.Add(classB21);
            ClassB classB22 = new ClassB();
            classB22.Label = "Class B-2-2";
            classB22.ToolTip = "This is Class B-2-2";
            classA2.ListOfClassB.Add(classB22);
            ClassC classC21 = new ClassC();
            classC21.Label = "Class C-2-1";
            classC21.ToolTip = "This is Class C-2-1";
            Item item211 = new Item();
            item211.Label = "Very Expensive Dill";
            item211.ToolTip = "Very Expensive Green Dill Pickles";
            classC21.Pickles.Add(item211);
            Item item212 = new Item();
            item212.Label = "Very Expensive Bread and Butter";
            item212.ToolTip = "Very Expensive Sweat Bread and Butter Pickles";
            classC21.Pickles.Add(item212);
            classA2.ListOfClassC.Add(classC21);
            ClassC classC22 = new ClassC();
            classC22.Label = "Class C-2-2";
            classC22.ToolTip = "This is Class C-2-2";
            Item item221 = new Item();
            item221.Label = "Deluxe Rocky Road";
            item221.ToolTip = "RDeluxe ocky Road";
            classC22.IceCream.Add(item221);
            Item item222 = new Item();
            item222.Label = "Deluxe Chocolate";
            item222.ToolTip = "Deluxe Chocolate";
            classC22.IceCream.Add(item222);
            Item item223 = new Item();
            item223.Label = "Deluxe Dill";
            item223.ToolTip = "Deluxe Green Dill Pickles";
            classC22.Pickles.Add(item223);
            Item item224 = new Item();
            item224.Label = "Deluxe Bread and Butter";
            item224.ToolTip = "Deluxe Sweat Bread and Butter Pickles";
            classC22.Pickles.Add(item224);
            classA2.ListOfClassC.Add(classC22);
            listOfClassA.Add(classA2);

            this.textTreeView.ItemsSource = listOfClassA;

			_classA1 = classA1;
        }

		private readonly ClassA _classA1;

        void Window1_Closed(object sender, EventArgs e)
        {
            Environment.Exit(0);
        }

		private void Button_Click(object sender, RoutedEventArgs e)
		{
			_classA1.ListOfClassC.Add(new ClassC() { Label = "I am NEW" });
		}
    }
}

<Window x:Class="DaisleyHarrison.WPF.ComplexDataTemplates.UnitTest.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:DaisleyHarrison.WPF.ComplexDataTemplates.UnitTest"
    xmlns:complex="clr-namespace:DaisleyHarrison.WPF.ComplexDataTemplates;assembly=ComplexDataTemplates"
    Title="ComplexDataTemplates UnitTest" Height="506" Width="389">
    
	<Window.Resources>
        <complex:ComplexGroupDataTemplateSelector x:Key="complex-group-data-template-selector"/>
        <complex:ComplexGroupConverter x:Key="complex-group-converter"/>
        <HierarchicalDataTemplate DataType="{x:Type local:ClassA}">
            <HierarchicalDataTemplate.ItemsSource>
                <MultiBinding Converter="{StaticResource complex-group-converter}">
                    <Binding Path="ListOfClassB"/>
                    <Binding Path="ListOfClassC"/>
                </MultiBinding>
            </HierarchicalDataTemplate.ItemsSource>
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/ClassA.png" VerticalAlignment="Center"  Margin="0,5,0,5"/>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}" VerticalAlignment="Center"  Margin="5,0,0,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IEnumerable[ClassB]" ItemsSource="{Binding Path=.}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/classBs.png" VerticalAlignment="Center"  Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center"  Margin="5,0,0,0">List of Class Bs</TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IEnumerable[ClassC]" ItemsSource="{Binding Path=.}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/classCs.png" VerticalAlignment="Center"  Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center"  Margin="5,0,0,0">List of Class Cs</TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IEnumerable[Item]" ItemsSource="{Binding Path=.}">
            <TextBlock>List of Items</TextBlock>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="Pickles-Template" ItemsSource="{Binding Path=.}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/pickle.png" VerticalAlignment="Center"  Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center"  Margin="5,0,0,0">Pickles</TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="IceCream-Template" ItemsSource="{Binding Path=.}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/icecream.png" VerticalAlignment="Center"  Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center"  Margin="5,0,0,0">Ice Cream</TextBlock>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate DataType="{x:Type local:ClassB}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/classB.png" VerticalAlignment="Center" Margin="0,5,0,5"/>
                <TextBlock  VerticalAlignment="Center"  Margin="5,0,0,0">Class B:</TextBlock>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}" VerticalAlignment="Center"  Margin="5,0,0,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate DataType="{x:Type local:ClassC}">
            <HierarchicalDataTemplate.ItemsSource>
                <MultiBinding Converter="{StaticResource complex-group-converter}" ConverterParameter="Pickles-Template,IceCream-Template">
                    <Binding Path="Pickles"/>
                    <Binding Path="IceCream"/>
                </MultiBinding>
            </HierarchicalDataTemplate.ItemsSource>
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/classC.png" VerticalAlignment="Center" Margin="0,5,0,5"/>
                <TextBlock  VerticalAlignment="Center"  Margin="5,0,0,0">Class C:</TextBlock>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}"  VerticalAlignment="Center"  Margin="5,0,0,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>
        <DataTemplate DataType="{x:Type local:IItem}">
            <StackPanel Orientation="Horizontal">
                <Image Source="Images/item.png" VerticalAlignment="Center" Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center" Margin="5,0,0,0">Item:</TextBlock>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}" VerticalAlignment="Center" Margin="5,0,0,0"/>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
	
    <DockPanel LastChildFill="True">
		<Button Content="Add New" Click="Button_Click" DockPanel.Dock="Top" />
		<TreeView x:Name="textTreeView" ItemTemplateSelector="{StaticResource complex-group-data-template-selector}" />
	</DockPanel>
</Window>

</font>

New Post: Broken link?

Natxo — Thu, 23 Jul 2009 11:08:29 GMT

Problem solved!

New Post: Broken link?

Natxo — Thu, 23 Jul 2009 07:55:19 GMT

Hi, the link to the source seems to be broken. The other one (Binaries) works fine.

Cheers.

New Post: Do all items need share same base?

JohnAskew — Thu, 25 Jun 2009 20:29:34 GMT

I'm unsure if it is a namespace issue or what, but I've got the framework working with the additional specification of the ItemTemplateSelector upon each HierarchicalDataTemplate, e.g.
ItemTemplateSelector="{StaticResource complex-group-data-template-selector}"

New Post: Do all items need share same base?

JohnAskew — Thu, 25 Jun 2009 16:31:39 GMT

I cannot get this framework to work.

EDIT: none of the methods (other than the constructor) are called in the class ComplexGroupDataTemplateSelector !?

With the tree nodes that should display the Group names and have items, I only get the BindingGroup.ToString() shown as the node names... "{BindingGroup of <my data type>}"

Is there a need for the involved classes to share the same namespace or base types?

The two arrays are simple arrays, not List<T>, though I did try that. I have also tried giving them both the same ancestor interface to no avail...

        <HierarchicalDataTemplate
            x:Key="IEnumerable[Machines]"
            ItemsSource="{Binding Path=.}">
            <TextBlock
                VerticalAlignment="Center"
                Margin="5,0,0,0">Machines</TextBlock>
        </HierarchicalDataTemplate>

New Post: Can I do this?

aibynn — Fri, 15 May 2009 05:03:22 GMT

Thanks for your response, but unless I'm missing something, it doesn't do what I want.

ClassC has both Pickles and IceCream. Now, when I expand Class C, and I expand Pickles, let's say I want to have a border around all of the items that pickles contains, but not the pickles node itself.

In the example you have above, assuming I have 3 pickles, I end up with a border around each pickle, not around the group of three pickles.

I have come close to resolving the problem by playing with the TreeViewItem Control template and putting in some data triggers. This works, but I get some confusing results.

To make this clear, I have something that looks like:

ClassA -> (List)ClassB

This will then look like :

+ ClassA
+ ClassB

Now, when I open Class B, I retrieve a list of all the items, which is fine. But when I open it, I want a box to be around the items in ClassB, so it should look like:

+ ClassA
   - ClassB
   --------------------------
   | Data Data Data |
   | Data Data Data |
   --------------------------

I tried putting a DataTrigger against ClassB, but since ClassB node and it's children all return ClassB, I get a border around the entire thing. I then thought I could look to see how many logical (not visual) children it has, but for some reason ClassB always returns the number of chilren available to the first child node.

This is where I get to. If this is too difficult to follow, I can arrange to send you some demo code.

Thanks for your patience.

Updated Release: First Release (Nov 30, 2008)

aarondh — Thu, 14 May 2009 17:15:42 GMT

This is the first release of the source and binaries for ComplexDataTemplates.
At this time there is limited documentation but the enclosed example is complete and functional. It uses HeirarchicalDataTemplate and DataTemplate markup to represent a 4 level hierarchy in a tree view with mutiple node groupings on more than one level.

No bugs have been reports as yet and I have not discovered any so I just change the dev status to Beta.

Released: First Release (Nov 30, 2008)

Thu, 14 May 2009 17:15:42 GMT

New Post: Can I do this?

aarondh — Thu, 14 May 2009 16:59:10 GMT

You can explicitly call out a template by name for your sub nodes. Just like in the example for pickles and ice cream below:

       <HierarchicalDataTemplate DataType="{x:Type local:ClassC}">
            <HierarchicalDataTemplate.ItemsSource>
                <MultiBinding Converter="{StaticResource complex-group-converter}" ConverterParameter="Pickles-Template,IceCream-Template">
                    <Binding Path="Pickles"/>
                    <Binding Path="IceCream"/>
                </MultiBinding>
            </HierarchicalDataTemplate.ItemsSource>
            ...

        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate x:Key="Pickles-Template" ItemsSource="{Binding Path=.}">
             <Border ...>
             <StackPanel Orientation="Horizontal">
                <Image Source="Images/pickles.jpg" VerticalAlignment="Center" Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center" Margin="5,0,0,0">Class C:</TextBlock>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}" VerticalAlignment="Center" Margin="5,0,0,0"/>
            </StackPanel>
            </Border>
        </HierarchicalDataTemplate>

        <HierarchicalDataTemplate x:Key="IceCream-Template" ItemsSource="{Binding Path=.}">
             <StackPanel Orientation="Horizontal">
                <Image Source="Images/icecream.jpg" VerticalAlignment="Center" Margin="0,5,0,5"/>
                <TextBlock VerticalAlignment="Center" Margin="5,0,0,0">Class C:</TextBlock>
                <TextBlock Text="{Binding Path=Label}" ToolTip="{Binding Path=ToolTip}" VerticalAlignment="Center" Margin="5,0,0,0"/>
            </StackPanel>
        </HierarchicalDataTemplate>

New Post: Can I do this?

aibynn — Thu, 14 May 2009 14:30:44 GMT

First and foremost, thank you very much for this highly useful library.

Is there a way for me to put a border around a series of nodes?

So, assuming that I have a Nodes A, B and C, and B has five sub nodes (b1-b5), is there a way to put a border just around B1-B5? It looks like to me like it would require some measure of header/footer, or at least the declaration of the rows that are to be repeated.

Currently when I use the HierarchicalDataTemplate, if I put a border around something, it obviously does it for every entry.

Thank you very much for your assistance.