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

Grid Edit Modes

Contact Name 
Company Name 
EditMaria AndersAlfreds FutterkisteBerlin Germany
 Ana TrujilloAna Trujillo Emparedados y heladosMéxico D.F. Mexico
EditAntonio MorenoAntonio Moreno TaqueríaMéxico D.F. Mexico
EditThomas HardyAround the HornLondon United Kingdom
EditChristina BerglundBerglunds snabbköpLuleå Sweden
EditHanna MoosBlauer See DelikatessenMannheim Germany
EditFrédérique CiteauxBlondesddsl père et filsStrasbourg France
EditMartín SommerBólido Comidas preparadasMadrid Spain
EditLaurence LebihanBon app'Marseille France
EditElizabeth LincolnBottom-Dollar MarketsTsawassenBCCanada
Page 1 of 10 (91 items)Prev12345678910Next

The DevExpress ASP.NET Grid View (ASPxGridView) provides different data editing options so that you can create web applications that effectively address the needs of your end-users.

This demo illustrates four built-in grid data Edit Modes. Use the Edit Mode combo box to select the desired edit mode.

  • Inline - Cell values are edited within the in-line edit row.
  • EditForm - Cell values are edited via the edit form. The data row currently being edited is not displayed.
  • EditFormAndDisplayRow - Cell values are edited via the edit form. The data row currently being edited is displayed above the edit form.
  • PopupEditForm - Cell values are edited via the popup edit form.
  • Batch - Cell values are edited in the in-line editors. The changes are sent to the server upon a Save changes button click only.

The following members can be used to manipulate data.

To allow end-user modification, add a Command column to the view's Columns collection and specify the commands that can be used by end-users. There are six command items.

  • New
  • Edit
  • Delete
  • Select
  • Update
  • Cancel

A command item is displayed as a link by default. It can also be displayed as a button or image. The type of a command item rendered is specified by the ButtonType property of the column.

Note: The KeyFieldName property must be specified to enable data edit, insert and delete operations.

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