Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Cascading Editors (Batch Editing)

Drag a column header here to group by that column
New
Customer Name 
Country 
City 
Inserted values
Updated values
Deleted values
DeleteMaria AndersFaroe IslandsTorshavn
DeleteThomas HardyAustriaEisenstadt
DeleteYang WangBermudaHamilton
DeleteElizabeth BrownSwitzerlandZurich
DeleteSven OttliebUzbekistanMarghilon
DeleteJanine LabruneVietnamHanoi
DeleteMartine RanceHoly SeeVatican City
DeleteMaria LarssonVirgin IslandsCharlotte Amalie
DeletePeter FrankenYemenAden
DeleteCarlos HernandezAmerican SamoaPago Pago
Page 1 of 2 (14 items)Prev12Next
Preview changes
Save changes
Cancel changes

The DevExpress ASP.NET Grid View control (ASPxGridView) allows you to incorporate cascading comboboxes, wherein a value selected within one combobox limits choices in the second combobox. This demo illustrates how to add cascading comboboxes in Batch Edit mode.

Implementation:

  • In this demo, the "Country" column editor raises a SelectedIndexChanged event when a user selects a different country. We use the PerformCallback method for the “City” column editor and obtain cities that correspond to the selected country from the server.
  • The grid uses a single instance of a column editor for all cells in this column. Before a user starts editing a value in the “City” column, you need to check and update items for the combobox editor. To update items, handle the ASPxGridView's client-side BatchEditStartEditing event and call the "City" combobox's PerformCallback method with the selected country.

    On the server, subscribe to the combobox's Callback event (within a CellEditorInitialize event handler). The Callback event receives the selected country from the client and populates the "City" combobox with corresponding items.

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\ASPxGridViewDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxGridViewDemos