ASPxClientGridViewBatchEditApi.EndEdit Method

Ends cell or row editing.

Declaration

EndEdit(): void

Remarks

Use the EndEdit method to end the editing of a cell or row (based on the GridViewBatchEditSettings.EditMode property). The method hides an editor and switches a cell/row to browse mode.

Example

Note

For a full example, refer to ASPxGridView in Batch Edit mode - Implement the Select All feature for the CheckBox column.

The following example illustrates how to use the EndEdit method.

JS

function OnCellCheckedChanged(s, e) {
    Grid.batchEditApi.EndEdit();
}

ASPX

<dx:ASPxGridView ID="ASPxGridView1" runat="server" DataSourceID="AccessDataSource1" 
    AutoGenerateColumns="False" ClientInstanceName="Grid" KeyFieldName="ProductID"
    OnCustomErrorText="ASPxGridView1_CustomErrorText" OnRowUpdating="ASPxGridView1_RowUpdating">
    <SettingsEditing Mode="Batch"></SettingsEditing>
    <ClientSideEvents BatchEditRowDeleting="OnBatchEditRowDeleting" BatchEditEndEditing="OnBatchEditEndEditing"
        BatchEditRowInserting="OnBatchEditRowInserting" />
    ...
    <Columns>
        ...
        <dx:GridViewDataCheckColumn FieldName="Discontinued" VisibleIndex="6">
            <PropertiesCheckEdit>
                <ClientSideEvents CheckedChanged="OnCellCheckedChanged" />
            </PropertiesCheckEdit>
            <HeaderTemplate>
                <dx:ASPxCheckBox ID="HeaderCheckBox" ClientIDMode="Static" runat="server" ClientInstanceName="HeaderCheckBox" AllowGrayed="true" AllowGrayedByClick="false">
                    <ClientSideEvents CheckedChanged="OnHeaderCheckBoxCheckedChanged" Init="OnInitHeader" />
                </dx:ASPxCheckBox>
            </HeaderTemplate>
            <Settings AllowSort="False" />
        </dx:GridViewDataCheckColumn>
    </Columns>
</dx:ASPxGridView>