This sample demonstrates all the events that have been triggered on all the Tree Grid operations with the help of Event Trace panel.
Task ID | Task Name | Start Date | Duration | Progress |
|---|---|---|---|---|
| 1 | Planning | 2/3/2017 | 5 | 100 |
| 2 | Plan timeline | 2/3/2017 | 5 | 100 |
| 3 | Plan budget | 2/3/2017 | 5 | 100 |
| 4 | Allocate resources | 2/3/2017 | 5 | 100 |
| 5 | Planning complete | 2/7/2017 | 0 | 0 |
| 6 | Design | 2/10/2017 | 3 | 86 |
| 7 | Software Specification | 2/10/2017 | 3 | 60 |
| 8 | Develop prototype | 2/10/2017 | 3 | 100 |
| 9 | Get approval from customer | 2/13/2017 | 2 | 100 |
| 10 | Design Documentation | 2/13/2017 | 2 | 100 |
| 11 | Design complete | 2/14/2017 | 0 | 0 |
| 12 | Implementation Phase | 2/17/2017 | 11 | 66 |
Tree Grid created event called Tree Grid dataBound event called Tree Grid load event called |
The Tree Grid triggers events based on its actions. The events can be used as an extension point to perform custom operations.
In this demo, perform Tree Grid actions like paging, sorting, reordering, filtering etc. and see the Event Trace panel for the events emitted.
More information on the Grid events can be found in this documentation section.