C＃将Treeview绑定到嵌套结构列表

Question

I am trying to bind list of level 3 to treeview in wpf mvvm. I get this list by calling function in model class. I have class structure like below.

namespace Projectname.Model
{
 class Gate
{
    public string Name { get; set; }
    public string Location { get; set; }
    public string IP { get; set; }
    public int Port { get; set; }
    public string GateMode { get; set; }
    public string Type { get; set; }
    public string Status { get; set; }
};

class Floor
{
    public string Name { get; set; }
    public List<Gate> Gates { get; set; }
};

 class Building
{
    public string Name { get; set; }
    public List<Floor> Floors { get; set; }
};
}

Below is what i have tried. Here i don't know how to give datatype.

      <TreeView ItemsSource="{Binding Buildings}" Margin="10" Height="200">
                    <TreeView.Resources>
                        <HierarchicalDataTemplate ItemsSource="{Binding Buildings}" DataType="{x:Type local:Building}">
                            <TreeViewItem Header="{Binding Name}"/>
                        </HierarchicalDataTemplate>

                    </TreeView.Resources>

                </TreeView>

Properties

    Window x:Class="projectname.MainWindow"
    xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:local="clr-namespace:projectname.Model"

I am able to display building names but like one below other not like tree as shown in image below.

any help is appreciated.

Answer 1

You have to specify the templates in the <TreeView.Resources> and you have to speficy them not nested.

For example this could be look like (as an example just for Floor and Door ).

<TreeView.Resources>
    <HierarchicalDataTemplate DataType="{x:Type local:Floor}" ItemsSource="{Binding Gates}">
        <TextBlock Text="{Binding Name}" />
    </HierarchicalDataTemplate>
    <HierarchicalDataTemplate ItemsSource="{Binding Floors}" DataType="{x:Type local:Building}">
        <TextBlock Header="{Binding Name}"/>
    </HierarchicalDataTemplate>
    <DataTemplate DataType="{x:Type local:Gate}">
        <TextBlock Text="{Binding Name}" />
    </DataTemplate>
</TreeView.Resources>

If you have a node which can have children use a HierarchicalDataTemplate and set's DataType to the class it should show and the ItemsSource to the collection with children.

Important

Your Door , Floor , etc structs have to be public and no nested and I would recommend using classes instead.

With this example data

new Floor
{
    Name = "Floor 1",
    Doors = new List<Door>
    {
        new Door { Name = "Door 1"},
        new Door {Name = "Door 2" }
    }
},
new Floor
{
    Name = "Floor 2",
    Doors = new List<Door>
    {
        new Door { Name = "Door 3"},
        new Door {Name = "Door 4" }
    }
}

it'll look like

edit namespace problem

You have to specify the namespace in your xaml.

For example your Floor is in the namespace MyProject.ViewModel you have to add xmlns:something="clr-namespace:MyProject.ViewModel" in your xaml and use DataType="{x:Type something:Floor}" in your template.

edit

Change

xmlns:local="clr-namespace:projectname.Model"

to

xmlns:local="clr-namespace:CentralizedControlHMI.Model"

And make Floor , Gate , etc public because the default is private .

public class Floor