How to: Implement ChildNodesPath

• Jun 07, 2019
• 6 minutes to read

You can use the TreeListView.ChildNodesPath to bind the TreeListControl to a collection if all the business objects have the same child field. To bind a collection to the TreeListControl, you should assign the child field name to the TreeListView’s TreeListView.ChildNodesPath property and set the TreeListView.TreeDerivationMode property to TreeDerivationMode.ChildNodesSelector. In the example below, the Task field is the child field.

View Example

ViewModel.cs

using System.Collections.ObjectModel;

namespace ChildNodesPathDemo {

    public class BaseObject
    {
        public string Name { get; set; }
        public string Executor { get; set; }
        public ObservableCollection<Task> Tasks { get; set; }
        public override string ToString() { return Name; }
    }

    public class ProjectObject : BaseObject { }

    public class Task : BaseObject
    {
        public string State { get; set; }
    }

    public class ViewModel {
        public ObservableCollection<ProjectObject> DataItems { get; set; }

        public ViewModel() {
            DataItems = InitData();
        }

        private ObservableCollection<ProjectObject> InitData() {
            ObservableCollection<ProjectObject> projects = new ObservableCollection<ProjectObject>();
            ProjectObject betaronProject = new ProjectObject() { Name = "Project: Betaron", Tasks = new ObservableCollection<Task>() };
            ProjectObject stantoneProject = new ProjectObject() { Name = "Project: Stanton", Tasks = new ObservableCollection<Task>() };

            InitBetaronProjectData(betaronProject);
            InitStantoneProjectData(stantoneProject);

            projects.Add(betaronProject);
            projects.Add(stantoneProject);

            return projects;
        }

        void InitBetaronProjectData(ProjectObject betaronProject) {
            betaronProject.Executor = "Mcfadyen Ball";
            Task Task11 = new Task() { Name = "Information Gathering", Executor = "Kaiden Savastano", Tasks = new ObservableCollection<Task>() };
            Task11.Tasks.Add(new Task() { Name = "Market research", Executor = "Carmine Then", State = "Completed" });
            Task11.Tasks.Add(new Task() { Name = "Making specification", Executor = "Seto Kober", State = "In progress" });

            Task Task12 = new Task() { Name = "Planning", Executor = "Manley Difrancesco", Tasks = new ObservableCollection<Task>() };
            Task12.Tasks.Add(new Task() { Name = "Documentation", Executor = "Martez Gollin", State = "Not started" });

            Task Task13 = new Task() { Name = "Design", Executor = "Clint Mary", Tasks = new ObservableCollection<Task>() };
            Task13.Tasks.Add(new Task() { Name = "Design of a web pages", Executor = "Gasper Hartsell", State = "Not started" });
            Task13.Tasks.Add(new Task() { Name = "Pages layout", Executor = "Shirish Huminski", State = "Not started" });

            betaronProject.Tasks.Add(Task11);
            betaronProject.Tasks.Add(Task12);
            betaronProject.Tasks.Add(Task13);

        }

        void InitStantoneProjectData(ProjectObject stantoneProject) {
            stantoneProject.Executor = "Ruben Ackerman";
            Task Task21 = new Task() { Name = "Information Gathering", Executor = "Huyen Trinklein", Tasks = new ObservableCollection<Task>() };
            Task21.Tasks.Add(new Task() { Name = "Market research", Executor = "Tanner Crittendon", State = "Completed" });
            Task21.Tasks.Add(new Task() { Name = "Making specification", Executor = "Carmine Then", State = "Completed" });

            Task Task22 = new Task() { Name = "Planning", Executor = "Alfredo Sookoo", Tasks = new ObservableCollection<Task>() };
            Task22.Tasks.Add(new Task() { Name = "Documentation", Executor = "Gorf Wobbe", State = "Completed" });

            Task Task23 = new Task() { Name = "Design", Executor = "Saphire Plump", Tasks = new ObservableCollection<Task>() };
            Task23.Tasks.Add(new Task() { Name = "Design of a web pages", Executor = "Dominic Minden", State = "In progress" });
            Task23.Tasks.Add(new Task() { Name = "Pages layout", Executor = "Pinkerton Trezise", State = "In progress" });

            Task Task24 = new Task() { Name = "Development", Executor = "Lauren Partain", Tasks = new ObservableCollection<Task>() };
            Task24.Tasks.Add(new Task() { Name = "Design", Executor = "Delilah Beamer", State = "In progress" });
            Task24.Tasks.Add(new Task() { Name = "Coding", Executor = "Dunaway Dupriest", State = "Not started" });

            stantoneProject.Tasks.Add(Task21);
            stantoneProject.Tasks.Add(Task22);
            stantoneProject.Tasks.Add(Task23);
            stantoneProject.Tasks.Add(Task24);
        }
    }
}

MainWindow.xaml

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:ChildNodesPathDemo"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid" 
        x:Class="ChildNodesPathDemo.MainWindow"
        Title="ChildNodesPathDemo" Height="350" Width="525">
    <Window.DataContext>
        <local:ViewModel/>
    </Window.DataContext>
    <Grid>
        <dxg:TreeListControl Name="treeListView1" ItemsSource="{Binding DataItems}">
            <dxg:TreeListControl.Columns>
                <dxg:TreeListColumn FieldName="Name" AllowSorting="True" />
                <dxg:TreeListColumn FieldName="Executor" AllowSorting="True" />
                <dxg:TreeListColumn FieldName="State" AllowSorting="True" />
            </dxg:TreeListControl.Columns>
            <dxg:TreeListControl.View>
                <dxg:TreeListView  TreeDerivationMode="ChildNodesSelector" ChildNodesPath="Tasks"/>
            </dxg:TreeListControl.View>
        </dxg:TreeListControl>
    </Grid>
</Window>

ViewModel.vb

Imports System.Collections.ObjectModel

Namespace ChildNodesPathDemo

    Public Class BaseObject
        Public Property Name() As String
        Public Property Executor() As String
        Public Property Tasks() As ObservableCollection(Of Task)
        Public Overrides Function ToString() As String
            Return Name
        End Function
    End Class

    Public Class ProjectObject
        Inherits BaseObject

    End Class

    Public Class Task
        Inherits BaseObject

        Public Property State() As String
    End Class

    Public Class ViewModel
        Public Property DataItems() As ObservableCollection(Of ProjectObject)

        Public Sub New()
            DataItems = InitData()
        End Sub

        Private Function InitData() As ObservableCollection(Of ProjectObject)
            Dim projects As New ObservableCollection(Of ProjectObject)()
            Dim betaronProject As New ProjectObject() With { _
                .Name = "Project: Betaron", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Dim stantoneProject As New ProjectObject() With { _
                .Name = "Project: Stanton", _
                .Tasks = New ObservableCollection(Of Task)() _
            }

            InitBetaronProjectData(betaronProject)
            InitStantoneProjectData(stantoneProject)

            projects.Add(betaronProject)
            projects.Add(stantoneProject)

            Return projects
        End Function

        Private Sub InitBetaronProjectData(ByVal betaronProject As ProjectObject)
            betaronProject.Executor = "Mcfadyen Ball"
            Dim Task11 As New Task() With { _
                .Name = "Information Gathering", _
                .Executor = "Kaiden Savastano", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task11.Tasks.Add(New Task() With { _
                .Name = "Market research", _
                .Executor = "Carmine Then", _
                .State = "Completed" _
            })
            Task11.Tasks.Add(New Task() With { _
                .Name = "Making specification", _
                .Executor = "Seto Kober", _
                .State = "In progress" _
            })

            Dim Task12 As New Task() With { _
                .Name = "Planning", _
                .Executor = "Manley Difrancesco", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task12.Tasks.Add(New Task() With { _
                .Name = "Documentation", _
                .Executor = "Martez Gollin", _
                .State = "Not started" _
            })

            Dim Task13 As New Task() With { _
                .Name = "Design", _
                .Executor = "Clint Mary", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task13.Tasks.Add(New Task() With { _
                .Name = "Design of a web pages", _
                .Executor = "Gasper Hartsell", _
                .State = "Not started" _
            })
            Task13.Tasks.Add(New Task() With { _
                .Name = "Pages layout", _
                .Executor = "Shirish Huminski", _
                .State = "Not started" _
            })

            betaronProject.Tasks.Add(Task11)
            betaronProject.Tasks.Add(Task12)
            betaronProject.Tasks.Add(Task13)

        End Sub

        Private Sub InitStantoneProjectData(ByVal stantoneProject As ProjectObject)
            stantoneProject.Executor = "Ruben Ackerman"
            Dim Task21 As New Task() With { _
                .Name = "Information Gathering", _
                .Executor = "Huyen Trinklein", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task21.Tasks.Add(New Task() With { _
                .Name = "Market research", _
                .Executor = "Tanner Crittendon", _
                .State = "Completed" _
            })
            Task21.Tasks.Add(New Task() With { _
                .Name = "Making specification", _
                .Executor = "Carmine Then", _
                .State = "Completed" _
            })

            Dim Task22 As New Task() With { _
                .Name = "Planning", _
                .Executor = "Alfredo Sookoo", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task22.Tasks.Add(New Task() With { _
                .Name = "Documentation", _
                .Executor = "Gorf Wobbe", _
                .State = "Completed" _
            })

            Dim Task23 As New Task() With { _
                .Name = "Design", _
                .Executor = "Saphire Plump", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task23.Tasks.Add(New Task() With { _
                .Name = "Design of a web pages", _
                .Executor = "Dominic Minden", _
                .State = "In progress" _
            })
            Task23.Tasks.Add(New Task() With { _
                .Name = "Pages layout", _
                .Executor = "Pinkerton Trezise", _
                .State = "In progress" _
            })

            Dim Task24 As New Task() With { _
                .Name = "Development", _
                .Executor = "Lauren Partain", _
                .Tasks = New ObservableCollection(Of Task)() _
            }
            Task24.Tasks.Add(New Task() With { _
                .Name = "Design", _
                .Executor = "Delilah Beamer", _
                .State = "In progress" _
            })
            Task24.Tasks.Add(New Task() With { _
                .Name = "Coding", _
                .Executor = "Dunaway Dupriest", _
                .State = "Not started" _
            })

            stantoneProject.Tasks.Add(Task21)
            stantoneProject.Tasks.Add(Task22)
            stantoneProject.Tasks.Add(Task23)
            stantoneProject.Tasks.Add(Task24)
        End Sub
    End Class
End Namespace