Ajax / User Controls/Master pages

The example demonstrates how RadAjaxManager control should be used in page->user control scenario. The same approach can be used in master->content page scenario.

The standard controls from this demo (RadTabStrip, RadMultiPage, DetailsView, RadGrids and controls inside them) reside within a web user control and the manager is placed in the main page (we always recommend that). Exactly the same technique is applicable when the updated controls are hosted in a content page and the ajax manager is added on the relevant master page.

With the help of the new ajaxifying that is completely codeless.

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="EmployeesGrid">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControls ControlID="EmployeesGrid" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="OrdersGrid">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="OrdersGrid" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy> Should you need the server or client-side RadAjaxManager functionality (like ResponseScripts collection, ajaxRequest function) you can get the "master" manager instance via Server-Side GetCurrent method from the user control code-behind:

        RadAjaxManager.GetCurrent(this).Alert("1");

Use server-side code block in a JS function inside your WebUserControl to call the master manager ajaxRequest function:


    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function myUserControlClickHandler()
            {
                $find("<%= RadAjaxManager.GetCurrent(this).ClientID %>").ajaxRequest("content");
            }
        </script>
    </telerik:RadCodeBlock>