Search Panel - ASP.NET MVC Extensions - Card View Demo

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)12 3 4 5 6 7

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.

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

Your Next Great MVC App Starts Here

Get started today and download your 30-day trial of DevExpress MVC Extensions (includes 30 days of free technical support). All demos ship with full source code and are included in the DevExpress MVC distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress MVC Extensions ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.