2010-01-15 44 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> 
相关问题