• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Search in ASP.NET MVC Tree Grid Control

This sample demonstrates the default and template support of filterbar in Tree Grid. In this sample, type the value in the filterbar and press enter to filter particular column or select the date value from filterbar template of Start Date column. The filtering is based on hierarchy mode..

DEMO
SOURCE
Hierarchy Mode

The Tree Grid has an option to search its content using the search method with search key as the parameter.

The tree grid supports different types of search mode through the SearchSettings => HierarchyMode property.

The following are the types of search modes available in the tree grid.

  • Parent - This is the default search hierarchy mode in the tree grid. It displays a searched record with its parent records. If the searched records do not have any parent record, it displays only the searched record.
  • Child - Displays the searched record with its child record. If the searched records do not have any child record, it displays only the searched record.
  • Both - Displays the searched record with both its parent and child records. If the searched records do not have any parent and child records, it displays only the searched record.
  • None - Displays only the searched record.

In this demo, The Tree Grid toolbar provides an option to search the Tree Grid records. The user can type the text box in the toolbar and click search button or press Enter key to perform search operation. And also we have an option to change the searching hierarchy mode through property panel.

More information on the searching configuration can be found in this documentation section.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE