WPF treeview to display data in two level

dhiraj sakariya

9y761Windows Forms

Hi,

I am having treeview to display two level of data as follows:

Projects

Project 1

Project 2

Project 3

Resources

Emp1

Emp2

Emp3

I am able to display this data in treeview control.

I would like to have different format for children of Projects and Resources.

Anybody has any idea how can I achieve this.

Is it possible to have two user control each for Project and Employee to be display in treeview.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

dhiraj sakariya9y ago
Thanks Nilesh for your reply.

I am using MVVM and I set Itemsource property of Treeview to List.

How can I differentiate TreeVewItem in xaml. TreeItem may contains records of Employee or project or any other

public class TreeItem
{
public string Name { get; set; }
public ObservableCollection Items { get; private set; }
public object Entity { get; set; }
public TreeItem(object entity, string name)
{
Entity = entity;
Name = name;
Items = new ObservableCollection();
}
}
Nilesh Shah9y ago
Yes, you can achieve it using the styles in WPF.

Run attached demo project.
<Window x:Class="TreeviewFormat.MainWindow"
        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:local="clr-namespace:TreeviewFormat"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style TargetType="{x:Type TreeViewItem}" x:Key="ProjectStyle">
            <Setter Property="Foreground" Value="Blue"/>
        Style>
        <Style TargetType="{x:Type TreeViewItem}" x:Key="ResourceStyle">
            <Setter Property="Foreground" Value="Red"/>
        Style>
    Window.Resources>
    <Grid>
        <TreeView x:Name="treeView1">
            <TreeViewItem Header="Projects" IsExpanded="True">
                <TreeViewItem Header="Project 1" Style="{StaticResource ProjectStyle}">TreeViewItem>
                <TreeViewItem Header="Project 2" Style="{StaticResource ProjectStyle}">TreeViewItem>
                <TreeViewItem Header="Project 3" Style="{StaticResource ProjectStyle}">TreeViewItem>
            TreeViewItem>
            <TreeViewItem Header="Resources" IsExpanded="True">
                <TreeViewItem Header="Emp1" Style="{StaticResource ResourceStyle}">TreeViewItem>
                <TreeViewItem Header="Emp2" Style="{StaticResource ResourceStyle}">TreeViewItem>
                <TreeViewItem Header="Emp3" Style="{StaticResource ResourceStyle}">TreeViewItem>
            TreeViewItem>
        TreeView>
    Grid>
Window>