Skip to main content

Callback Panel

  • 2 minutes to read

The BootstrapCallbackPanel control represents a container area whose content can be updated using an AJAX-based callback technology. The collection of the Callback Panel’s child controls can be accessed via the ASPxPanelContainerBase.Controls property.

The Callback Panel control implements a comprehensive client-side, and server-side functionality that enables updating its content on demand via callbacks. The client-side object model contains the client object for the Callback Panel control (BootstrapClientCallbackPanel), its method required to send a callback to the server (BootstrapClientCallbackPanel.PerformCallback), and methods allowing specific client operations to be performed when a callback sends to and comes from the server side (BootstrapClientCallbackPanel.BeginCallback and BootstrapClientCallbackPanel.EndCallback). Use the control’s BootstrapCallbackPanel.ClientSideEvents property to assign a handler for the available client-side events. An instance of the BootstrapClientCallbackPanel object can be easily identified on the client by using the client programmatic identifier set via the ASPxPanelBase.ClientInstanceName property.

The required server-side processing of a callback sent from the client side by using the BootstrapClientCallbackPanel.PerformCallback method can be performed in a handler of the control’s server-side BootstrapCallbackPanel.Callback event.

The code sample below demonstrates the use of the Bootstrap Callback Panel.

<dx:BootstrapButton runat="server" Text="LoadData" AutoPostBack="false">
    <ClientSideEvents Click="function() { CallbackPanel.PerformCallback('Update') }" />
</dx:BootstrapButton>

<dx:BootstrapCallbackPanel runat="server" OnCallback="callbackPanel_Callback" ClientInstanceName="CallbackPanel">
    <ContentCollection>
        <dx:ContentControl>
            <div id="container" runat="server"></div>
        </dx:ContentControl>
    </ContentCollection>
</dx:BootstrapCallbackPanel>
See Also