ASPxClientGridView.EndCallback Event

Occurs on the client after a callback’s server-side processing has been completed.

Declaration

EndCallback: ASPxClientEvent<ASPxClientEndCallbackEventHandler<ASPxClientGridView>>

Event Data

The EndCallback event's data class is ASPxClientEndCallbackEventArgs. The following properties provide information specific to this event:

Property	Description
command	Gets a command name that identifies which client action forced a callback to occur.

Remarks

The BeginCallback and EndCallback events can be used to perform specific client-side actions when a callback is being processed on a server.

Online Example

The following example illustrates how to use the EndCallback event.

Web Forms approach:

Note

For a full example, refer to ASPxGridView - How to use Batch mode on editing and Edit Form mode on inserting a new row.

ASPX

<dx:ASPxHiddenField ID="hf" runat="server" ClientInstanceName="hf"></dx:ASPxHiddenField>
<dx:ASPxCallbackPanel ID="ASPxCallbackPanel1" runat="server" ClientInstanceName="cp" OnCallback="ASPxCallbackPanel1_Callback">
    <PanelCollection>
        <dx:PanelContent runat="server">
            <dx:ASPxGridView ID="gridView" runat="server" AutoGenerateColumns="False" ClientInstanceName="gridView" DataSourceID="ads" KeyFieldName="CategoryID" >
                <ClientSideEvents EndCallback="OnEndCallback" />
                <Columns>
                    ...
                </Columns>
                <SettingsEditing Mode="Batch"></SettingsEditing>
            </dx:ASPxGridView>
        </dx:PanelContent>
    </PanelCollection>
</dx:ASPxCallbackPanel>

JS

function OnEndCallback(s, e) {
    if (isNewClicked == true) {
        isNewClicked = false;
        hf.Set("isNewClicked", true);
    }
    else hf.Set("isNewClicked", false);
        cp.PerformCallback();
    }

MVC approach:

Note

For a full example, see the GridView - Select All Rows demo.

Razor(PartialView)

@Html.DevExpress().GridView(settings => {
    settings.Name = "grid";
    settings.KeyFieldName="CustomerID";
    settings.CommandColumn.Visible = true;
    settings.CommandColumn.ShowSelectCheckbox = true;
    settings.CommandColumn.ShowClearFilterButton = true;
    settings.CommandColumn.SelectAllCheckboxMode = ViewBag.SelectAllCheckBoxMode;
    ...
    settings.ClientSideEvents.EndCallback = "OnGridViewEndCallback";
    settings.ClientSideEvents.BeginCallback = "OnGridViewBeginCallback";
}).Bind(Model).GetHtml()

JS

function OnGridViewEndCallback() {
    UpdateTitlePanel();
}
function UpdateTitlePanel() {
    var selectedFilteredRowCount = GetSelectedFilteredRowCount();

    var text = "Total rows selected: <b>" + grid.GetSelectedRowCount() + "</b>. ";
    var hiddenSelectedRowCount = grid.GetSelectedRowCount() - GetSelectedFilteredRowCount();
    if (hiddenSelectedRowCount > 0)
        text += "Selected rows hidden by the applied filter: <b>" + hiddenSelectedRowCount + "</b>.";
    text += "<br />";
    lblInfo.SetText(text);

    var isAllPages = selectAllMode.GetText() == "AllPages";
    SetElementVisibility(lnkSelectAllRows, !isAllPages && grid.cpVisibleRowCount > selectedFilteredRowCount);
    SetElementVisibility(lnkClearSelection, !isAllPages && grid.GetSelectedRowCount() > 0);
}