Grids
Example of Menu Filter in ASP.NET Core Tree Grid Control
This sample demonstrates the way of filtering TreeGrid columns using menu. In this sample, click the filtering icon from column header to show filter UI for a particular column. panel.
Task ID | Task Name | Start Date | Duration |
|---|---|---|---|
| 1 | Planning | 3/2/2017 | 5 |
| 2 | Plan timeline | 3/2/2017 | 5 |
| 3 | Plan budget | 3/2/2017 | 5 |
| 4 | Allocate resources | 3/2/2017 | 5 |
| 5 | Planning complete | 7/2/2017 | 1 |
| 6 | Design | 10/2/2017 | 3 |
| 7 | Software Specification | 10/2/2017 | 3 |
| 8 | Develop prototype | 10/2/2017 | 3 |
| 9 | Get approval from customer | 2/13/2017 | 2 |
| 10 | Design complete | 2/14/2017 | 1 |
Properties
| Filter Type | |
| Hierarchy Mode |
The filtering feature enables the user to view the reduced amount of records based on filter criteria. It can be enabled
by setting
allowFiltering
property as true.
TreeGrid supports the following filter types. They are
FilterBarMenuExcel
FilterSettings->Type
TreeGrid provides support for a set of filtering modes with hierarchyMode property. The below are the type of filter mode available in TreeGrid.
-
Parent- This is the default filter hierarchy mode in TreeGrid. The filtered records are displayed with its parent records, if the filtered records not have any parent record then the filtered record only displayed. Child- The filtered records are displayed with its child record, if the filtered records do not have any child record then only the filtered records are displayed.-
Both- The filtered records are displayed with its both parent and child record. If the filtered records do not have any parent and child record then only the filtered records are displayed. None- Only the filtered records are displayed.
The Tree Grid now supports improved in and not in filter operators, allowing users to filter multiple values within the same column. When the menu filter is enabled, a Syncfusion DropDownList component with checkboxes appears to select the in or not in operators.
More information on the data binding can be found in this documentation section.