使用jQuery.load()在div中打开ASP.NET页面

Question

我正在使用下面的代码在div标签内打开一个网页.

 $(document).ready(function () {
                $("#popupContact").load("Wizard.aspx");

            });

在Wizard.aspx页面中,我有一个telerik RadTabStrip控件.当页面加载时,选项卡控件显示没有任何问题,但我无法导航到选项卡页面(选项卡不工作).

如果我加载页面Wizard.aspx没有jquery代码,一切正常.

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" >
    </telerik:RadScriptManager>
    <div class="exampleWrapper" style="background-repeat: repeat;" >
    <a id="popupContactClose"><b>X</b></a>
   <b>Fill the Form</b>
        <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1"
            Height="100%">
            <div style="float: left; width: 500px; ">
                <telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1"
                    Skin="Sunset" CssClass="tabStrip">
                </telerik:RadTabStrip>
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"
                    CssClass="multiPage">
                </telerik:RadMultiPage>
            </div>
            <div id="specialdiv" class="previewWrapper" style="background-image: url('images/preview.jpg')">
                <uc1:PreviewCS ID="previewControl" runat="server"></uc1:PreviewCS>
            </div>
        </telerik:RadAjaxPanel>

    </div> 

Answer 1

jQuery.load() 从页面获取呈现的HTML输出,并将此HTML插入到选择器元素中.

从服务器加载数据并将返回的HTML放入匹配的元素中.

在您的情况下,呈现的HTML Wizard.aspx嵌套到您的#popupContactdiv中.

Telerik控件使用的任何服务器端事件等都不会回发Wizard.aspx,因此无法按预期工作.

使用ASP.NET WebForms和需要回发的控件时,我建议将Wizard.aspx代码添加到自定义用户控件(例如:)中Wizard.ascx,然后在AJAX中调用它UpdatePanel.

这确保所有回发等仍然与ViewState.

或者(这是我个人采取的方法)看看删除你的网页控件的使用,并用不依赖于它的HTML替换它们ViewState.

我不熟悉那个确切的Telerik控件,但我确信有一种方法可以在没有Telerik的情况下使用HTML和jQuery.然后,您可以jQuery.load()在javascript中使用并重新附加任何事件处理程序.

这将导致更轻,更可控的输出.