New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Client-Side Events Overview

The AjaxManager and the AjaxPanel both descend from the RadAjaxControl instance.

The RadAjaxControl introduces the AjaxClientEvents property that contains the following events:

To use these events, write a JavaScript function that can be called when the event occurs. Then, assign the name of the JavaScript function as the value of the corresponding property.

The following example shows how to display a message when a request starts and ends.

<script type="text/javascript">
    function requestStart(sender, eventArgs) {
        alert('Request start');
    }
    function responseEnd(sender, eventArgs) {
        alert('Response complete');
    }
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <ClientEvents OnRequestStart="requestStart" OnResponseEnd="responseEnd" />
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Button1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="TextBox1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

See Also

In this article