Blazor Tree Grid Example - Search
This sample shows how to use the Tree Grid searching feature. To search the tree grid records, use the search box in the toolbar.
Task ID | Task Name | Start Date | Duration | Progress | Priority |
|---|
| 1 | Parent task 1 | 8/28/2022 | 34 | In Progress | Critical |
| 2 | Child task 1 | 8/29/2022 | 1 | Validated | Critical |
| 3 | Child task 2 | 8/30/2022 | 98 | Open | Low |
| 4 | Sub task 1 | 8/29/2022 | 67 | Closed | Normal |
| 5 | Sub task 2 | 8/30/2022 | 14 | Closed | Normal |
| 6 | Sub task 3 | 8/31/2022 | 67 | Closed | Normal |
| 7 | Parent task 2 | 8/29/2022 | 52 | Open | Low |
| 8 | Child task 3 | 8/29/2022 | 1 | Validated | Critical |
| 9 | Child task 4 | 8/30/2022 | 98 | Open | Low |
| 10 | Sub task 4 | 8/29/2022 | 67 | Closed | Normal |
| 11 | Sub task 5 | 8/30/2022 | 14 | Closed | Normal |
| 12 | Sub task 6 | 8/31/2022 | 67 | Closed | Normal |
Tree Grid allows you to search its content by using the SearchAsync method and the search key as a parameter. Tree Grid also supports the following search modes, which can be configured using the TreeGridSearchSettings.HierarchyMode property.
Parent- This is the default search hierarchy mode in Tree Grid. The searched records appear alongside their parent records. If none of the searched records have a parent record, only the searched record itself is displayed.Child- The searched records are shown alongside their child records. If the searched records have no child records, only the searched records are displayed.Both- The searched records are shown alongside their parent and child records. If there are no parent or child records in the searched records, only the searched records will be displayed.None- Only the actual searched records are displayed.
More information can be found in this documentation section.