Blazor Tree Grid Example - Events
This sample demonstrates the events that have been triggered on the Tree Grid operations with the help of Event Trace panel.
Task ID Press Enter to sort | Task Name Press Enter to sort | Start Date Press Enter to sort | End Date Press Enter to sort | Duration Press Enter to sort | Progress Press Enter to sort |
|---|
| 1 | Parent task 1 | 8/28/2022 | 9/15/2027 | 34 | In Progress |
| 2 | Child task 1 | 8/29/2022 | 7/1/2025 | 1 | Validated |
| 3 | Child task 2 | 8/30/2022 | 7/2/2025 | 98 | Open |
| 4 | Sub task 1 | 8/29/2022 | 6/29/2024 | 67 | Closed |
| 5 | Sub task 2 | 8/30/2022 | 6/30/2024 | 14 | Closed |
| 6 | Sub task 3 | 8/31/2022 | 7/1/2024 | 67 | Closed |
| 7 | Parent task 2 | 8/29/2022 | 9/16/2027 | 52 | Open |
| 8 | Child task 3 | 8/29/2022 | 7/1/2025 | 1 | Validated |
| 9 | Child task 4 | 8/30/2022 | 7/2/2025 | 98 | Open |
| 10 | Sub task 4 | 8/29/2022 | 6/29/2024 | 67 | Closed |
| 11 | Sub task 5 | 8/30/2022 | 6/30/2024 | 14 | Closed |
| 12 | Sub task 6 | 8/31/2022 | 7/1/2024 | 67 | Closed |
Event Trace |
OnDataBound event called OnLoad 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, editing, etc., and see the Event Trace panel for the events emitted.
More information on the Tree Grid events can be found in this documentation section.