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

RadCodeBlock and RadScriptBlock

This article describes how RadCodeBlock and RadScriptBlock work. We also provide a few simple examples that demonstrate how to use them.

You can use RadCodeBlock and RadScriptBlock to allow server and client scripts to work together with the complex AJAX updates that are enabled by RadAjaxManager:

  • Use RadCodeBlock when you have server code blocks placed within the markup.

  • Use RadScriptBlock when you have a JavaScript that evaluates after an AJAX request.

RadCodeBlock

The way how code blocks (server script within <%= %> tags) are implemented in ASP.NET may interfere with the RadAjaxManager render interception mechanism. To prevent this interference, use RadCodeBlock whenever you have server code blocks placed within your markup, for example, when some JavaScript functions access the server controls. RadCodeBlock isolates the code block and prevents server errors like this:

System.Web.HttpException: The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

For more background on this issue, see Rick Strahl's article, Understanding how <% %>expressions render and why Controls.Add() doesn't work.

Example 1 : Using a RadCodeBlock in your markup isolates your code block and prevents the System.Web.HttpException server error.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        function AjaxReq(args) {
            $find("<%= RadAjaxPanel1.ClientID %>").ajaxRequestWithTarget("<%= Button1.UniqueID %>", '');
        }
    </script>
</telerik:RadCodeBlock>

You can place as many RadCodeBlock elements on the page as needed.

RadScriptBlock

You should use a RadScriptBlock (see Example 2 ) where you have JavaScript that evaluates after an AJAX request, for example, when the content of RadAjaxPanel is updated asynchronously. You can also use a RadScriptBlock like a RadCodeBlock to handle server code blocks (<% ... %>).

RadScriptBlock wraps JavaScript where the JavaScript is located in an updating area. The example below shows a RadScriptBlock within a RadAjaxPanel.

Example 2 : Using a RadScriptBlock to isolate JavaScript code

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
    <asp:Panel ID="Panel1" runat="server">
    <asp:Button ID="Button1" runat="server" />
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript">
            alert(1);            
        </script>
    </telerik:RadScriptBlock>
    </asp:Panel>
</telerik:RadAjaxPanel>

Example 3 : Using a RadScriptBlock to isolate the server tags in the src/href values

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <link rel="stylesheet" href="<%=Page.ResolveUrl("~/Styles/global.css")%>" type="text/css" />
    <link rel="stylesheet" href="<%=Page.ResolveUrl("~/Styles/styles2.css")%>" type="text/css" />
</telerik:RadScriptBlock>

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">
    <script src="<%=Page.ResolveUrl("~/Scripts/jquery-3.5.1.min.js")%>" type="text/javascript"></script>
    <script src="<%=Page.ResolveUrl("~/Scripts/dialog.js")%>" type="text/javascript"></script>
</telerik:RadScriptBlock>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
    <a id="lnk1" class="xyz" href="abc.aspx?ReturnPath=<%= returnPath %>">Test</a>
</telerik:RadScriptBlock>

You can put as many RadScriptBlock tags on the page as needed as shown in the example above.

See Also

In this article
Not finding the help you need? Improve this article