在可见性问题之后,Ajax TabContainer选项卡无法正常工作

时间:2013-04-25 08:42:58

标签: c# asp.net ajax

起初我遇到强制TabContainer显示的问题。显然有些东西导致它在运行时呈现为'style =“visibility:hidden”'。但是我通过向TabContainer添加style =“visibility:visible”来解决这个问题。它现在看起来像这样:

<asp:TabContainer ID="TabContainer1" runat="server" style="visibility:visible">
        <asp:TabPanel ID="TabPanel1" HeaderText="Tab 1" runat="server">  
                <ContentTemplate>  
                    contents of tab 1 <br />  
                    contents of tab 1 <br />  
                    contents of tab 1 <br />  
                </ContentTemplate>  
            </asp:TabPanel>  
            <asp:TabPanel ID="TabPanel2" HeaderText="Tab 2" runat="server">  
                <ContentTemplate>  
                    contents of tab 2 <br />  
                    contents of tab 2 <br />  
                    contents of tab 2 <br />  
                </ContentTemplate>              
            </asp:TabPanel>  
            <asp:TabPanel ID="TabPanel3" HeaderText="Tab 3" runat="server">  
                <ContentTemplate>  
                    contents of tab 3 <br />  
                    contents of tab 3 <br />  
                    contents of tab 3 <br />  
                </ContentTemplate>              
            </asp:TabPanel>  
    </asp:TabContainer>

现在确实显示了。但每当我按标签2或3时,都没有任何反应。它仍然显示“选项卡1的内容”。

我该如何解决这个问题?我很想拥有一个有效的TabContainer!

3 个答案:

答案 0 :(得分:1)

您的代码在Visual Studio 2012中按原样运行。我唯一做的就是添加ScriptManager。

 <ajaxToolkit:ToolkitScriptManager runat="server" />

答案 1 :(得分:0)

如果您使用的是.net 4.0 / 4.5,请检查您是否添加了AjaxTookitScriptManager(而不是通常在.net 2.0中添加的ScriptManager)。我遇到了同样的问题,并从这些笔记中得出结论:http://stephenwalther.com/archive/2012/09/20/september-2012-release-of-the-ajax-control-toolkit

以下是一个对我有用的详细程序:

  1. 在VS 2012中创建新的网站/应用程序
  2. 使用NuGet安装AjaxToolKit(我喜欢这样:工具菜单&gt;库包 经理。然后在提示符中输入'Install-Package AjaxControlToolkit'来安装它)
  3. 在ToolBox窗口中,右键单击Ajax工具或任何首选文件夹,选择项目...&gt;浏览...到现在应该存在AjaxToolkit.dll的Bin文件夹并添加它
  4. 创建新的WebForm将AjaxTookitlScriptManager拖放到页面
  5. 从ToolBox拖放TabControl。添加标签并进行设置 它的宽度,例如到500px测试,它应该工作

答案 2 :(得分:0)

我对同一控件有同样的问题而不是使用ScriptManager,尝试使用ToolkitScriptManager。所以这可能是一个类似的问题。

<asp:ToolkitScriptManager runat="server">
</asp:ToolkitScriptManager>

如果弹出窗口有问题,请尝试重新附加Ajax Control工具包的最新版本(我遇到了同样的问题并通过这样做完成)

http://ajaxcontroltoolkit.codeplex.com/releases/view/116091

我希望我能提供帮助:)。