ASP.net Ajax 选项卡容器未出现答案

【问题标题】：ASP.net Ajax tab container not appearingASP.net Ajax 选项卡容器未出现
【发布时间】：2010-01-15 00:43:09
【问题描述】：

我使用 VS 2008 创建了新的 Web 项目，并使用 C# 和 Framework 3.5 启用了 Ajax 模板。

我在项目中添加了 Ajax 引用，我可以在我的工具箱中看到所有 Ajax 工具包。

当我使用选项卡面板添加选项卡容器然后运行项目时，浏览器上什么也没有出现，我尝试了几个浏览器。

我正在包含我的代码，我希望有人能帮助我。

问候，

我的代码： ..................................................... .....

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Contacts._Default" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div>

                <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">

                    <asp:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
                        <ContentTemplate>
                          tab 1
                        </ContentTemplate>
                    </asp:TabPanel>

                    <asp:TabPanel runat="server" HeaderText="TabPanel2" ID="TabPanel2">
                        <ContentTemplate>
                          tab 2
                        </ContentTemplate>
                    </asp:TabPanel>

                    <asp:TabPanel runat="server" HeaderText="TabPanel3" ID="TabPanel3">
                        <ContentTemplate>
                          tab 3
                        </ContentTemplate>
                    </asp:TabPanel>

                </asp:TabContainer>

            </div>

        </form>
    </body>
</html>

【问题讨论】：

标签： asp.net ajax asp.net-ajax controls

【解决方案1】：

不要使用<asp:scriptmanager>，而是尝试使用<ajaxToolkit:ToolkitScriptManager>。我发现我在使用原始脚本管理器时遇到了 AJAX Accordion 的问题，所以这可能是一个类似的问题。

【讨论】：

感谢 Tenaciouslmpy 的回复我玩过命名空间，它对我有用，但我将其更改为 <asp:ToolkitScriptManager ID="ScriptManager1" runat="server" /> 再次非常感谢。

【解决方案2】：

不要将第一个选项卡设置为 visible=false 或

或者使用tabContainer下方的廉价技巧添加javascript

基本上 TabContainer 被渲染为一个 div 标签，获取 div id 并移除 style 属性。这在 AjaxControlToolKit1.0.abcd 较低版本中不是问题，但仅在版本 3.x 中开始

<script type="text/javascript">
    $(document).ready(function () {
        $("#ctl00_content_profileListTab").removeAttr("style");
    });
</script>

【讨论】：

【解决方案3】：

答案是使用<ajaxToolkit:ToolkitScriptManager> 而不是<asp:scriptmanager>。

【讨论】：