Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Selection

Selected values:
 
Selected count: 0
# 
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

The DevExpress ASP.NET Vertical Grid (ASPxVerticalGrid) provides the capability to allow end-users to select columns using checkboxes. To do this, add a command row to the ASPxVerticalGrid 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 ASPxVerticalGrid 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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxVerticalGridDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxVerticalGridDemos