XmlHttpPanel - Dynamically Loading Controls

Select a word from the news below to open a window with its dictionary definition.

Telerik is adding a new product to its portfolio! Maybe you are already aware of that thanks to the numerous blog posts and comments in the press. What you might be still curious to learn, though, is how Telerik will keep its promise of opening a new era in automated web testing.

The motivation behind this product is simple - most companies today don't use automated testing! Why? Well, simply because the current tools are very complex, very expensive and very generic. If you want to test a slick web 2.0 application with more-than-basic interactivity you simply can't. And if you are using AJAX or client-side functionality (which is something standard nowadays, right) - well, forget about it. Learning today's testing tools takes forever and the price tag is just ... too high to say the least.

These times are over now. Automated web testing is finally made simple, powerful and accurate. Telerik WebUI Test Studio (powered by ArtOfTest) is designed specifically for modern web applications, which may use AJAX or even Silverlight (coming soon). There are plenty of tools and features specifically for web testing - browser abstraction (yes, indeed), convenient DOM inspector, reuse of HTML elements, etc. The Test Studio uses a true point-and-click interface so you will no longer deal with recording script files or consoles. Finally, this elegant solution is priced very affordably and supports Visual Studio Professional Edition (not just VSTS).

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

This example demonstrates a common usage of the RadXmlHttpPanel - as a place holder to load controls on-demand. This allows you to improve the performance of the page by placing only a RadXmlHttpPanel, and loading any other controls only when needed.

The RadToolTip and the RadWindowManager are not present on the page until a word is selected. When the user selects a word (or double-clicks it) for the first time, a partial page update is initialized and the RadXmlHttpPanel loads both of the controls (the RadToolTip and the RadWindowManager). Any other word selection after that, are handled on the client.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • scripts.js
<%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.XmlHttpPanel.WindowInXmlHttpPanel.DefaultCS"CodeFile="DefaultCS.aspx.cs"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <qsf:MessageBox runat="server" ID="instructions" Type="Info" Icon="Info">
        Select a word from the news below to open a window with its dictionary definition.
    </qsf:MessageBox>
    <div class="demo-container">
        <div id="textDiv" onmouseup="telerikDemo.displayHelp(event);return false;">
            <p>
                <strong>Telerik</strong> is adding a new product to its portfolio! Maybe you are
                already aware of that thanks to the numerous blog posts and comments in the press.
                What you might be still curious to learn, though, is how Telerik will keep its promise
                of opening a new era in automated web testing.
            </p>
            <p>
                The motivation behind this product is simple - most companies today don't use automated
                testing! Why? Well, simply because the current tools are very complex, very expensive
                and very generic. If you want to test a slick web 2.0 application with more-than-basic
                interactivity you simply can't. And if you are using AJAX or client-side functionality
                (which is something standard nowadays, right) - well, forget about it. Learning
                today's testing tools takes forever and the price tag is just ... too high to say
                the least.
            </p>
            <p>
                These times are over now. Automated web testing is finally made simple, powerful
                and accurate. <strong>Telerik WebUI Test Studio</strong> (powered by ArtOfTest)
                is designed specifically for modern web applications, which may use AJAX or even
                Silverlight (coming soon). There are plenty of tools and features specifically for
                web testing - browser abstraction (yes, indeed), convenient DOM inspector, reuse
                of HTML elements, etc. The Test Studio uses a true point-and-click interface so
                you will no longer deal with recording script files or consoles. Finally, this elegant
                solution is priced very affordably and supports Visual Studio Professional Edition
                (not just VSTS).
            </p>
        </div>
    </div>
    <telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" EnableClientScriptEvaluation="true" RenderMode="Block"
        OnServiceRequest="XmlHttpPanel1_ServiceRequest"
        OnClientResponseEnded="telerikDemo.onClientResponseEnded">
        <asp:HiddenField ID="ToolTipIdHolder" runat="server" />
    </telerik:RadXmlHttpPanel>
    <script src="scripts.js" type="text/javascript"></script>
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript">
            Sys.Application.add_load(function() {
                telerikDemo.radXmlHttpPanel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                telerikDemo.tooltipHolderId = "<%=ToolTipIdHolder.ClientID%>";
            });
        </script>
    </telerik:RadScriptBlock>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?