Selection - ASP.NET MVC Extensions - Card View Demo

Selected values:

Selected count: 0

First Name:

Nancy

Last Name:

Davolio

Title:

Sales Representative

First Name:

Andrew

Last Name:

Fuller

Title:

Vice President, Sales

First Name:

Janet

Last Name:

Leverling

Title:

Sales Representative

First Name:

Margaret

Last Name:

Peacock

Title:

Sales Representative

Page 1 of 3 (9 items)12 3

The ASP.NET MVC Card View allows end-users to select cards with a simple mouse click. To enable this selection mode, set the SettingsBehavior.AllowSelectByCardClick property to true. Once set, clicking any cards clears the previous selection and selects this card.

To select multiple cards, click the desired cards while holding down the CTRL key, or click a card's check box. Clicking a card in this manner toggles its selected state and preserves the selection. To select contiguous cards, click the first card you wish to select, hold down the SHIFT key, and click the last card. You can continue to customize selection by clicking individual cards while holding down the CTRL key.

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.