AJAXControlToolkit - TabContainer不可见

我在MacOS上使用MonoDevelop，并且我很难在Google Chrome上看到AjaxControlToolkit的TabContainer。我甚至将TabContainer和TabPanels的visible属性设置为true，但它仍然无效。下面是HTML源：AJAXControlToolkit - TabContainer不可见

<ajaxToolkit:ToolkitScriptManager id="tsm1" runat="server" /> 

    <div style="position:absolute;top:0px;left:0px;"> 
     <img src="" /> 
    </div> 
    <div style="position:absolute;top:200px;left:20px;"> 
    <ajaxToolkit:TabContainer id="NewTabContainer" runat="server" Height="300px" Visible="true" > 
     <ajaxToolkit:TabPanel id="FirstPanel" runat="server" HeaderText="Tab 1" Visible="true" > 
      <ContentTemplate> 
       PAGE ONE - This is the first Panel. 
      </ContentTemplate> 
     </ajaxToolkit:TabPanel> 
     <ajaxToolkit:TabPanel id="SecondPanel" runat="server" HeaderText="Tab 2" Visible="true" > 
      <ContentTemplate> 
       PAGE TWO - This is the second Panel. 
      </ContentTemplate> 
     </ajaxToolkit:TabPanel> 
    </ajaxToolkit:TabContainer>

这是HTML浏览器正在生成：

<div id="NewTabContainer" class="ajax__tab_xp" style="visibility:hidden;"> 
    <div id="NewTabContainer_header"> 
     <span id="NewTabContainer_FirstPanel_tab"><span class="ajax__tab_outer"><span class="ajax__tab_inner"><span class="ajax__tab_tab" id="__tab_NewTabContainer_FirstPanel">Tab 1</span></span></span></span><span id="NewTabContainer_SecondPanel_tab"><span class="ajax__tab_outer"><span class="ajax__tab_inner"><span class="ajax__tab_tab" id="__tab_NewTabContainer_SecondPanel">Tab 2</span></span></span></span> 
    </div><div id="NewTabContainer_body" style="height:300px;"> 
     <div id="NewTabContainer_FirstPanel" class="ajax__tab_panel"> 

       PAGE ONE - This is the first Panel. 

     </div><div id="NewTabContainer_SecondPanel" class="ajax__tab_panel" style="display:none;visibility:hidden;"> 

       PAGE TWO - This is the second Panel. 

     </div> 
    </div> 
</div>

来源

2010-11-10 calmcajun

任何想法，风格=“visibility：hidden的;”来自哪里？您是否尝试用FireBug或Chrome中的检查器覆盖此CSS以查看它是否显示？ – clifgriffin 2010-11-10 21:42:08

我不知道它来自哪里，但是当我通过检查员将其删除时，它确实显示，但它无法正常工作，即点击时标签不起作用。 – calmcajun 2010-11-10 22:15:52

可以告诉我你是如何解决这个问题，我得到同样的问题。除了IE以外，我的tabcontainer在每个浏览器上都可见。 – ria 2011-01-10 09:21:45

刚刚从AJAX网站复制TabContainer时，我在我的TabContainer中设置了OnClientActiveTabChanged属性，但没有写入JavaScript函数“ClientFunction”。一旦我删除此属性，我的标签是可见的和工作。当然，如果你需要这个属性，你需要编写一个javascript函数来处理它。

OnClientActiveTabChanged="ClientFunction"

来源

2012-02-03 18:10:51

我有同样的问题。在我的情况下，我不得不将asp:ScriptManager更改为ajaxToolkit:ToolkitScriptManager并将AjaxToolkit升级到最新版本。

来源

2011-01-19 19:59:46 bezieur

我遇到了同样的问题：标签容器不可见，虽然有内部可见标签。我说过第一个标签是隐藏的，而且它是活动标签。也许这个框架太“聪明”，并且总结为隐藏整个容器... 因此，要显示容器，只需将设置为可见的选项卡的索引。再见。

来源

2012-10-31 11:55:11 Pierre

我也一样。对我来说，问题在于我在其中一个选项卡中使用滑块，并且没有正确设置样式，即RailCssClass，HandleCssClass和HandleImageUrl需要存在于项目的相应位置。

如果您在Visual Studio中运行Internet Explorer，则会收到其他浏览器不会提供的额外错误消息。

来源

2012-12-20 18:26:33 Robster

同样的事情发生在我身上。

我错过了TabPanel标签中的runat =“server”。

来源

2013-08-19 15:07:23 lars

不知道为什么这是被贬低，但它对我有效 – 2014-07-22 10:49:10

嘿所以有同样的问题，只需要添加AjaxFrameworkMode =“启用”的ajaxToolkit：ToolkitScriptManager ..希望这将有助于

来源

2014-07-07 09:35:59

AJAXControlToolkit - TabContainer不可见

回答

相关问题