Change Theme Settings
Change Theme Settings
Themes
 
Metropolis
Moderno
iOS
Material
Material Compact
Office 365
Mulberry
Show All Themes
v
...v

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.