Example of Self Reference Data in ASP.NET Core Tree Grid Control

Tree Grid

Data Binding

Self Reference Data

This sample demonstrates the way of binding self-referential flat data to TreeGrid component.

TreeGrid_gridcontrol_header_table

Task ID

Task Name

Start Date

Duration

Progress

1	Parent Task 1	10/23/2017	10	70
2	Child task 1	10/23/2017	4	80
3	Child Task 2	10/24/2017	5	65
4	Child task 3	10/25/2017	6	77
5	Parent Task 2	10/23/2017	10	70
6	Child task 1	10/23/2017	4	80
7	Child Task 2	10/24/2017	5	65
8	Child task 3	10/25/2017	6	77
9	Child task 4	10/25/2017	6	77
10	Parent Task 3	10/23/2017	10	70
11	Child task 1	10/23/2017	4	80
12	Child Task 2	10/24/2017	5	65

TreeGrid can be bound either to local or remote data services. The dataSource property can be assigned either with the array of JavaScript objects or using DataManager.

In this demo, the array of self-referential flat data with parent ID is assigned as the data source to the TreeGrid.

More information on the data binding can be found in this documentation section.