WPF treeview to display data in two level

Question

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.

Nilesh Shah · Answer

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 >

dhiraj sakariya · Answer

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 (); } }