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

Search Panel

x
Contact Name:Maria Anders
Company Name:Alfreds Futterkiste
Address:Obere Str. 57
City:Berlin
Postal Code:12209
Country:Germany
Phone:030-0074321
Contact Name:Ana Trujillo
Company Name:Ana Trujillo Emparedados y helados
Address:Avda. de la Constitución 2222
City:México D.F.
Postal Code:05021
Country:Mexico
Phone:(5) 555-4729
Contact Name:Antonio Moreno
Company Name:Antonio Moreno Taquería
Address:Mataderos 2312
City:México D.F.
Postal Code:05023
Country:Mexico
Phone:(5) 555-3932
Contact Name:Thomas Hardy
Company Name:Around the Horn
Address:120 Hanover Sq.
City:London
Postal Code:WA1 1DP
Country:United Kingdom
Phone:(171) 555-7788
Contact Name:Hanna Moos
Company Name:Blauer See Delikatessen
Address:Forsterstr. 57
City:Mannheim
Postal Code:68306
Country:Germany
Phone:0621-08460
Contact Name:Frédérique Citeaux
Company Name:Blondesddsl père et fils
Address:24, place Kléber
City:Strasbourg
Postal Code:67000
Country:France
Phone:88.60.15.31
Contact Name:Laurence Lebihan
Company Name:Bon app'
Address:12, rue des Bouchers
City:Marseille
Postal Code:13008
Country:France
Phone:91.24.45.40
Contact Name:Elizabeth Lincoln
Company Name:Bottom-Dollar Markets
Address:23 Tsawassen Blvd.
City:Tsawassen
Postal Code:T2F 8M4
Country:Canada
Phone:(604) 555-4729
Contact Name:Francisco Chang
Company Name:Centro comercial Moctezuma
Address:Sierras de Granada 9993
City:México D.F.
Postal Code:05022
Country:Mexico
Phone:(5) 555-3392
Page 1 of 7 (63 items)Prev1234567Next


The DevExpress ASP.NET MVC Card View allows you to filter data and highlight search results using its integrated search panel. To enable the easy-to-use search panel, set the SettingsSearchPanel.Visible property to true. The search panel filter criterion that is applied to control data can be accessed by the MVCxCardView.SearchPanelFilter property. You can customize search panel functionality using the following SettingsSearchPanel property settings.

  • AllowTextInputTimer specifies if 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 initiation of search input and when filtering is applied.
  • GroupOperator specifies the logical operator used to combine conditions (multiple words separated by space characters).
  • HighlightResults specifies whether a text matching the filter condition is highlighted within the grid.
  • ShowApplyButton specifies whether the Apply button is displayed within the search panel.
  • ShowClearButton specifies whether the Clear button is displayed within 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\MVCxCardViewDemos