Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
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.

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\MVCxVerticalGridDemos