AJAXControlToolkit - TabContainer не отображается - PullRequest
Новая
       12

AJAXControlToolkit - TabContainer не отображается

1 голос
/ 11 ноября 2010

Я использую MonoDevelop на MacOS, и у меня возникают трудности с отображением TabContainer AjaxControlToolkit в Google Chrome. Я даже установил для свойства visible значение true для TabContainer и TabPanels, но оно все равно не работало. Вот исходный 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>

Это HTML Chrome генерирует: 

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

Ответы [ 6 ]

11 голосов
/ 19 января 2011

У меня была такая же проблема.В моем случае мне пришлось изменить asp:ScriptManager на ajaxToolkit:ToolkitScriptManager и обновить AjaxToolkit до последней версии.

2 голосов
/ 03 февраля 2012

Просто скопировав TabContainer с сайта AJAX, я установил свойство OnClientActiveTabChanged в моем TabContainer без написания функции JavaScript «ClientFunction».После удаления этого свойства мои вкладки были видны и работали.Конечно, если вам нужно это свойство, вам нужно написать функцию javascript для его использования.

OnClientActiveTabChanged="ClientFunction"
1 голос
/ 19 августа 2013

Со мной произошло то же самое.

Мне не хватало runat = "server" из тега TabPanel.

0 голосов
/ 07 июля 2014

Эй, у меня была такая же проблема, нужно было только добавить AjaxFrameworkMode = "Enabled" в ajaxToolkit: ToolkitScriptManager .. надеюсь, это поможет

0 голосов
/ 20 декабря 2012

У меня было то же самое.Проблема для меня заключалась в том, что я использовал ползунок на одной из вкладок и не установил стиль должным образом, т.е. RailCssClass, HandleCssClass и HandleImageUrl должны существовать в соответствующих местах в вашем проекте.

Если вы запускаетев Internet Explorer из Visual Studio вы получите дополнительные сообщения об ошибках, которые другие браузеры не будут выдавать.

0 голосов
/ 31 октября 2012

Я столкнулся с той же проблемой: контейнер вкладок не был виден, хотя внутри есть видимые вкладки. Я заметил, что первая вкладка была скрыта, и что это была активная вкладка. Может быть, фреймворк «слишком умный» и заключен, чтобы скрыть весь контейнер ... Итак, чтобы показать контейнер, просто установите ActiveTabIndex в индекс видимой вкладки . Bye.

...