Question

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

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

这是Chrome正在生成的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>

Answer 1

我有同样的问题。就我而言，我必须将asp:ScriptManager更改为ajaxToolkit:ToolkitScriptManager并将AjaxToolkit升级到最新版本。

Answer 2

刚刚从AJAX网站复制了TabContainer，我在我的TabContainer中设置了OnClientActiveTabChanged属性而没有编写javascript函数“ClientFunction”。删除此属性后，我的标签显示并正常工作。当然，如果你需要这个属性，你需要编写一个javascript函数来配合它。

OnClientActiveTabChanged="ClientFunction"

Answer 3

同样的事发生在我身上。

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

Answer 4

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

Answer 5

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

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

Answer 6

嘿所以有同样的问题，只需要将AjaxFrameworkMode =“Enabled”添加到ajaxToolkit：ToolkitScriptManager中..希望这会有所帮助

AJAXControlToolkit - TabContainer不可见

6 个答案: