ASP.net Ajax選項卡容器沒有出現

Question

我使用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>

Answer 1

而不是使用<asp:scriptmanager> <ajaxToolkit:ToolkitScriptManager> <asp:scriptmanager> ，嘗試使用<ajaxToolkit:ToolkitScriptManager> 。 我發現在使用原始scriptmanager時我遇到了AJAX Accordion的問題，所以這可能是一個類似的問題。

Answer 2

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

Answer 3

不要將第一個選項卡設置為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>

ASP.net Ajax選項卡容器沒有出現

問題描述

3 個解決方案

解決方案1
6 已采納 2010-01-15 01:08:43

解決方案2
1 2010-09-27 04:29:47

解決方案3
1 2011-11-03 13:30:55

ASP.net Ajax選項卡容器沒有出現

問題描述

3 個解決方案

解決方案1 6 已采納 2010-01-15 01:08:43

解決方案2 1 2010-09-27 04:29:47

解決方案3 1 2011-11-03 13:30:55

解決方案1
6 已采納 2010-01-15 01:08:43

解決方案2
1 2010-09-27 04:29:47

解決方案3
1 2011-11-03 13:30:55