WPF TreeView HierarchicalDataTemplate – binding to object with multiple child collections

by

A HierarchicalDataTemplate is a way of saying ‘this is how you render this type of object and here is a property that can be probed to find the child nodes under this object’

Therefore you need a single property that returns the ‘children’ of this node.
e.g. (If you can’t make both Group and Entry derive from a common Node type)

public class Group{ ....
        public IList<object> Items
        {
            get
            {
                IList<object> childNodes = new List<object>();
                foreach (var group in this.SubGroups)
                    childNodes.Add(group);
                foreach (var entry in this.Entries)
                    childNodes.Add(entry);

                return childNodes;
            }
        }

Next you don’t need a HierarchicalDataTemplate for entry since an entry doesn’t have children. So the XAML needs to be changed to use the new Items property and a DataTemplate for Entry:

<TreeView Name="GroupView" Grid.Row="0" Grid.Column="0" ItemsSource="{Binding}">
    <TreeView.Resources>
        <HierarchicalDataTemplate DataType="{x:Type local:Group}" ItemsSource="{Binding Items}">
            <TextBlock Text="{Binding Path=Name}" />
        </HierarchicalDataTemplate>
        <DataTemplate DataType="{x:Type local:Entry}" >
            <TextBlock Text="{Binding Path=Name}" />
        </DataTemplate>
    </TreeView.Resources>
</TreeView>

And here’s what that looks like.
Screenshot of Output

More Related Contents:

  1. Having HierarchicalDataTemplates in a TreeView
  2. TreeView, HierarchicalDataTemplate and recursive Data
  3. Binding a Button’s visibility to a bool value in ViewModel
  4. XAML binding not working on dependency property?
  5. How to hide close button in WPF window?
  6. Select multiple items from a DataGrid in an MVVM WPF project
  7. ReSharper WPF error: “Cannot resolve symbol “MyVariable” due to unknown DataContext”
  8. using of INotifyPropertyChanged
  9. WPF Application that only has a tray icon
  10. Implement Validation for WPF TextBoxes
  11. Example using Hyperlink in WPF
  12. Passing an enum value as command parameter from XAML
  13. Bind datagrid column visibility MVVM
  14. Create Key binding in WPF
  15. OneWayToSource Binding seems broken in .NET 4.0
  16. How to display items in Canvas through Binding
  17. Button in a column, getting the row from which it came on the Click event handler
  18. Two-way binding of Xml data to the WPF TreeView
  19. Mutually exclusive checkable menu items?
  20. How to set Control Template in code?
  21. ScrollViewer mouse wheel not scrolling
  22. How do I keep aspect ratio on scalable, scrollable content in WPF?
  23. Bind visibility property to a variable
  24. How to remove additional padding from a WPF TextBlock?
  25. How does one “disable” a button in WPF using the MVVM pattern?
  26. How to set focus to textbox using MVVM?
  27. Storyboards can’t find ControlTemplate elements
  28. the level of a treeview in WPF?
  29. Page Navigation using MVVM in Store App
  30. How to scroll to the bottom of a ScrollViewer automatically with Xaml and binding?

Leave a Comment