ASPxGridView.UpdateEdit() Method

Saves all the changes made and switches the ASPxGridView to browse mode.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.2.dll

Declaration

C#

public void UpdateEdit()

VB.NET

Public Sub UpdateEdit

Remarks

End-users can update the edited row by clicking the Update command item.

Example

This example demonstrates how to place multiple grid controls in a callback panel and use a custom button to update the grids simultaneously:

View Example: Grid View for ASP.NET Web Forms - How to update multiple grid controls on a custom button click

Follow the steps below to update multiple grid controls on a custom button click:

1. Create the Grid View controls and wrap them in a callback panel.

   ASPX

   <dx:ASPxCallbackPanel ID="cp" runat="server" ClientInstanceName="cp" OnCallback="cp_Callback">
       <PanelCollection>
           <dx:PanelContent runat="server" SupportsDisabledAttribute="True">
               <dx:ASPxGridView ID="gv1" runat="server" AutoGenerateColumns="False" DataSourceID="ads1"
                   KeyFieldName="CategoryID" OnCommandButtonInitialize="gv_CommandButtonInitialize">
                   <!-- ... -->
               </dx:ASPxGridView>
               <dx:ASPxGridView ID="gv2" runat="server" AutoGenerateColumns="False" DataSourceID="ads2"
                   KeyFieldName="ProductID" OnCommandButtonInitialize="gv_CommandButtonInitialize">
                   <!-- ... -->
               </dx:ASPxGridView>
           </dx:PanelContent>
       </PanelCollection>
   </dx:ASPxCallbackPanel>
   

2. Handle the grid’s server-side CommandButtonInitialize event. In the handler, hide the grid’s default Update and Cancel command buttons.

   C#

   protected void gv_CommandButtonInitialize(object sender, ASPxGridViewCommandButtonEventArgs e) {
       if (e.ButtonType == ColumnCommandButtonType.Update || e.ButtonType == ColumnCommandButtonType.Cancel)
           e.Visible = false;
   }
   

   VB.NET

   Protected Sub gv_CommandButtonInitialize(ByVal sender As Object, ByVal e As ASPxGridViewCommandButtonEventArgs)
       If e.ButtonType = ColumnCommandButtonType.Update OrElse e.ButtonType = ColumnCommandButtonType.Cancel Then e.Visible = False
   End Sub
   

3. Create custom Update and Cancel buttons and set their AutoPostBack property to false. In the button’s Click event handler, call the callback panel’s PerformCallback method and pass the button type as a parameter.

   ASPX

   <dx:ASPxButton ID="updateBtn" runat="server" Text="Update" AutoPostBack="false">
       <ClientSideEvents Click="OnUpdateClick" />
   </dx:ASPxButton>
   <dx:ASPxButton ID="cancelBtn" runat="server" Text="Cancel" AutoPostBack="false">
       <ClientSideEvents Click="OnCancelClick" />
   </dx:ASPxButton>
   

   JS

   function OnUpdateClick(s, e) {
       cp.PerformCallback("Update");
   }
   function OnCancelClick(s, e) {
       cp.PerformCallback("Cancel");
   }
   

4. Handle the callback panel’s server-side Callback event. In the handler, call the grid’s UpdateEdit() method to update data or CancelEdit() method to discard changes.

   C#

   protected void cp_Callback(object sender, CallbackEventArgsBase e) {
       switch (e.Parameter) {
           case "Update":
               gv1.UpdateEdit();
               gv2.UpdateEdit();
               break;
           case "Cancel":
               gv1.CancelEdit();
               gv2.CancelEdit();
               break;
       }
   }
   

   VB.NET

   Protected Sub cp_Callback(ByVal sender As Object, ByVal e As CallbackEventArgsBase)
       Select Case e.Parameter
           Case "Update"
               gv1.UpdateEdit()
               gv2.UpdateEdit()
           Case "Cancel"
               gv1.CancelEdit()
               gv2.CancelEdit()
       End Select
   End Sub