Edit Modes

  • 2 min to read

The ASP.NET MVC GridView extension provides five built-in edit modes that allow end-users to edit grid data. Use the ASPxGridViewEditingSettings.Mode (via GridViewSettings.SettingsEditing.Mode) property to specify the grid edit mode.

  • Edit Form

    GridView displays the Edit Form in edit mode. The data row currently being edited is not displayed. The Edit Form displays edit cells corresponding to a data column, and allows the values within this row to be changed. To learn more, see the Edit Form topic.

    EditMode_EditForm

  • Edit Form and Display Row

    Equivalent to Edit Form mode, but the currently selected data row is displayed above the edit form.

    EditMode_EditFormAndDisplay

  • Popup Edit Form

    GridView displays the Popup Edit Form in edit mode.

    Popupeditform_editmode

  • In-Line Editing

    GridView displays the In-Line Edit Row instead of the selected data row. The edit row displays edit cells that correspond to visible data columns.

    EditMode_Inline

  • Batch

    GridView maintains all user changes on the client side until the Save changes link (the Update command) is clicked, or all changes are canceled by clicking the Cancel changes link (the Cancel command). To learn more, see Batch Editing.

    EditMode_Batch

Example

The code sample below demonstrates how to specify the edit mode for the ASP.NET MVC GridView extension.

Partial View code:


@Html.DevExpress().GridView(settings =>
{
    settings.Name = "myGridView";
    settings.CallbackRouteValues = new { Controller = "Home", Action = "GridViewPartial" };

    // Define the edit mode.
    settings.SettingsEditing.Mode = GridViewEditingMode.EditFormAndDisplayRow;
    // ... 
}).Bind(Model).GetHtml()
See Also