Example of Selfreference Functional in React Tree Grid Component

/
/
SelfReference

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

More Details...

1
Parent Task 1
2/23/20172/27/2017340
2
Child Task 1
2/23/20172/27/2017440
3
Child Task 2
2/23/20172/27/2017240
4
Child Task 3
2/23/20172/27/2017240
5
Parent Task 2
3/14/20173/18/2017640
6
Child Task 1
3/2/20173/6/20171140
7
Child Task 2
3/2/20173/6/2017740
8
Child Task 3
3/2/20173/6/20171040
9
Child Task 4
3/2/20173/6/20171540
10
Parent Task 3
3/9/20173/13/20171740
11
Child Task 1
3/9/20173/13/2017040
12
Child Task 2
3/9/20173/13/20171040
1 of 2 pages (15 items)
Description

Tree Grid can be bound either to local or remote data services. The{" "} dataSource property can be assigned either with the array of JavaScript objects or instance of DataManager.

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

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