Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Search Panel

x
 
Departments
Location
Budget
Phone1
CollapseCorporate HeadquartersMonterey$1,000,000.00(408) 555-1234
 CollapseSales and MarketingSan Francisco$22,000.00(415) 555-1234
   Field Office: CanadaToronto$500,000.00(416) 677-1000
  CollapsePacific Rim HeadquartersKuaui$600,000.00(808) 555-1234
    Field Office: JapanTokyo$500,000.00(707) 555-1526
   MarketingSan Francisco$1,500,000.00(415) 555-1234
  FinanceMonterey$40,000.00(408) 555-1234
 CollapseEngineeringMonterey$1,100,000.00(408) 555-1234
  CollapseSoftware Products Div.Monterey$1,200,000.00(408) 555-1234
    Quality AssuranceMonterey$48,000.00(408) 555-1234
    Research and DevelopmentBurlington, VT$460,000.00(802) 555-1234


The DevExpress ASP.NET MVC Tree List (TreeListExtension) allows you to filter data and highlight search results using its integrated Search Panel. To enable the Search Panel, set the SettingsSearchPanel.Visible property to true. The SearchPanelFilter property can access the Search Panel filter criteria that are applied to tree list data. You can customize Search Panel functionality using the following SettingsSearchPanel property settings:

  • AllowTextInputTimer - Specifies whether a search panel filter is applied automatically or manually.
  • ColumnNames - Lists the names of columns to which the filter criteria will be applied.
  • Delay - Specifies the time interval between the search input and when filtering is applied.
  • GroupOperator - Specifies the logical operator used to combine conditions (multiple words separated by spaces).
  • HighlightResults - Specifies whether to highlight text matching the filter condition within the tree list.
  • ShowApplyButton - Specifies whether to display the Apply button in the search panel.
  • ShowClearButton - Specifies whether to display the Clear button in the search panel.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxTreeListDemos