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

Row Selection

Selected values:
 
Selected count: 0
# 
Contact Name 
Company Name 
City 
Region 
Country 
Maria AndersAlfreds FutterkisteBerlin Germany
Ana TrujilloAna Trujillo Emparedados y heladosMéxico D.F. Mexico
Antonio MorenoAntonio Moreno TaqueríaMéxico D.F. Mexico
Thomas HardyAround the HornLondon United Kingdom
Christina BerglundBerglunds snabbköpLuleå Sweden
Hanna MoosBlauer See DelikatessenMannheim Germany
Frédérique CiteauxBlondesddsl père et filsStrasbourg France
Martín SommerBólido Comidas preparadasMadrid Spain
Laurence LebihanBon app'Marseille France
Elizabeth LincolnBottom-Dollar MarketsTsawassenBCCanada
Page 1 of 10 (91 items)Prev12345678910Next


This demo displays contact names selected in the Grid View within the 'Selected values' list box.

To allow row selection, add a command column to the Grid View and set its ShowSelectCheckBox property to true. The column will display check boxes within its cells. End-users can check or uncheck these check boxes to select or de-select corresponding data rows.

The SelectionChanged client-side event is handled to display selected contacts within the list box and the number of selected contacts below it. Contact names are obtained using the Grid View's GetSelectedFieldValues client method. The number of selected rows is returned by the GetSelectedRowCount client method.


See Also:
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\MVCxGridViewDemos