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.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxVerticalGridDemos