TreeList Filtering Overview
This article describes the basics of the filtering functionality of the Telerik TreeList for Blazor.
The TreeList provides two alternative user interfaces for filtering:
Filtering keeps an item's parent(s) in the list, so you may see item that do not match the criteria. This is required so you can actually navigate to and see the items that match.
Filtering keeps the expanded/collapsed state of items. For example, if filtering leaves a child whose parent is collapsed, you will only see the collapsed parent.
FilterRow
The FilterRow filtering mode renders a row below the column headers, providing a UI where you can fill in the filter criteria. Read more about enabling and fine-tuning the filtering row in the TreeList Filter Row article.
FilterMenu
The FilterMenu filter mode renders a button in the column header. Clicking the button opens a popup with filtering options, allowing you to apply two filter criteria, choose a filter operator, and use buttons to apply or clear the filter. Read more about enabling and fine-tuning the filtering menu in the TreeList Filter Menu article.
More Filtering Options
In addition to the two main filtering modes, the treelist offers two more features that can enhance the user experience when looking for data:
-
A searchbox in the toolbar can amend the filters and let the user look up many fields at once
-
The filter menu can show a list of checkboxes with the distinct values from the data to make filtering resemble Excel.
-
You can customize the appearance and behavior of the filters through the filter templates.
Filter Descriptors
You can get the applied filtering criteria for each filtered field. Use the TreeList state to obtain the user input, the filter operator and other filtering properties. Find out how in the Data Operation Descriptors article.