2010-01-15 62 views
1

我使用VS 2008創建了新的Web項目,並啓用了使用C#和Framework 3.5的Ajax模板。ASP.net Ajax選項卡容器不出現

我添加了對項目的Ajax引用,並且可以在我的工具箱中看到所有的Ajax工具包。

問題是,當我用Tab面板添加Tab容器,然後運行項目沒有出現在瀏覽器上,我嘗試了幾個瀏覽器。

我包括我的代碼,我希望有人能幫助我。

問候,

我的代碼: .................................... ............................

<%@ 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> 

回答

5

而不是使用<asp:scriptmanager>的,請嘗試使用<ajaxToolkit:ToolkitScriptManager>。我發現我在使用原始腳本管理器時遇到了AJAX手風琴的問題,所以這可能是一個類似的問題。

+0

謝謝Tenaciouslmpy的回覆我打了命名空間,並將它與我 工作,但我改變了它到'' 再次感謝了很多。 – Eyla 2011-01-20 16:03:22

+0

不客氣:) – keyboardP 2011-01-20 16:03:22

1

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

1

不設置第一個選項卡可見=虛假或

或者使用略低於TabContainer的把戲添加JavaScript

基本上TabContainer的呈現爲div標籤,拿到DIV ID和刪除樣式屬性。 這不是在AjaxControlToolKit1.0.abcd問題的低版本,但只有在3.x版開始

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