THEMES
THEME SETTINGS

Vertical Grid - Selection Selection

Click checkbox to select item:
# 
Photo 
Brand 
SuperheadsSensitive SoundExtra BassAudio PhonesSuperheadsSensitive SoundExtra BassAudio PhonesSuperheadsSensitive Sound
Model 
SH1SB1000EB300AP70SH2SB01EB100AP500SH200SB02
Rating 
Price 
$250.00$900.00$210.00$350.00$210.00$20.00$370.00$630.00$400.00$100.00
Discount 
30%5%20%15%20%0%25%50%10%10%
Total 
$175.00$855.00$168.00$297.50$168.00$20.00$277.50$315.00$360.00$90.00
Page 1 of 3 (30 items)Prev123Next
Selected values:
ModelPrice
  
Selected count: 0

The DevExpress ASP.NET MVC Vertical Grid provides the capability to allow end-users to select columns using checkboxes. To do this, add a command row to the VerticalGrid and set its ShowSelectCheckBox property to ‘true’. The row will display check boxes within its cells. End-users can check or uncheck these check boxes to select or deselect the corresponding columns.

This demo illustrates how you can display a headphone’s model and price selected within the VerticalGrid in a list box. The client-side SelectionChanged event is handled to display the selected headphone’s model and price in the list box, and the total number of selected columns below the list box. Models and prices are obtained using the GetSelectedFieldValues function. The number of selected columns is returned by the GetSelectedRecordCount client function.

Version: v2016 vol 2.4
Copyright © 2006-2017 Developer Express Inc
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.