AJAXControlToolkit - TabContainer nicht sichtbar
Ich bin mit MonoDevelop auf MacOS und ich bin Schwierigkeiten bekommen AjaxControlToolkit ist TabContainer sichtbar auf Google Chrome. Ich habe sogar die visible-Eigenschaft auf true für beide TabContainer und TabPanels, aber es immer noch nicht. Hier ist die HTML-Quelle:
<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>
Dies ist die HTML-Chrome generiert:
<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>
Keine Ahnung, wo style="visibility:hidden;" herkommen? Haben Sie versucht, das überschreiben dieser CSS mit FireBug oder den inspector in Chrome zu sehen, wenn es anzeigt?
Ich habe keine Ahnung, wo es herkommt, aber wenn ich es entfernen über den inspector zeigt es auf, obwohl es nicht richtig funktioniert, d.h. die tabs nicht funktionieren, wenn darauf geklickt wird.
kann u mir sagen, wie Sie dieses Problem behoben, ich bin immer das gleiche problem. Meine tabcontainer ist sichtbar auf allen Browsern, außer dem IE.
Ich habe keine Ahnung, wo es herkommt, aber wenn ich es entfernen über den inspector zeigt es auf, obwohl es nicht richtig funktioniert, d.h. die tabs nicht funktionieren, wenn darauf geklickt wird.
kann u mir sagen, wie Sie dieses Problem behoben, ich bin immer das gleiche problem. Meine tabcontainer ist sichtbar auf allen Browsern, außer dem IE.
InformationsquelleAutor calmcajun | 2010-11-10
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gerade kopiert TabContainer aus der AJAX-Website, hatte ich das
OnClientActiveTabChanged
Eigenschaft Satz in meinem TabContainer-ohne eine javascript-Funktion "ClientFunction" geschrieben. Einmal habe ich entfernt, diese Eigenschaft, meine tabs wurden sichtbar und funktioniert. Natürlich, wenn Sie müssen diese Eigenschaft haben, müssen Sie schreiben eine javascript-Funktion zu gehen zusammen mit ihm.InformationsquelleAutor Amy Jonas
Ich hatte das gleiche Problem. In meinem Fall musste ich ändern
asp:ScriptManager
zuajaxToolkit:ToolkitScriptManager
- und upgrade-AjaxToolkit auf die neueste version.InformationsquelleAutor bezieur
Gleiche passierte mir.
Mir fehlte das runat="server" aus dem TabPanel tag.
InformationsquelleAutor lars
Ich lief in das gleiche Problem : die Registerkarte container war nicht sichtbar, obwohl es im inneren sichtbaren tabs.
Ich bemerkte, dass die erste Registerkarte versteckt war, und dass es den aktiven tab.
Vielleicht ist der Rahmen "zu schlau" und kam zu dem Schluss, verstecken, die ganze Packung...
So, um zu zeigen, container, einfach legen Sie die ActiveTabIndex einem index von einem tab sichtbar ist.
Bye.
InformationsquelleAutor Pierre
Hatte ich das gleiche. Das problem für mich war, dass ich über einen Schieberegler auf eine der Registerkarten, und hatte nicht die styling richtig dh die RailCssClass, HandleCssClass und HandleImageUrl vorhanden sein müssen in die entsprechenden stellen in Ihrem Projekt.
Wenn Sie die Ausführung im Internet-Explorer von Visual Studio erhalten Sie einige zusätzliche Fehlermeldungen, die der andere Browser nicht geben wird.
InformationsquelleAutor Robster
Hey also hatte das gleiche Problem, nur notwendig, um hinzuzufügen AjaxFrameworkMode="Enabled", um das ajaxToolkit:ToolkitScriptManager.. hoffe das hilft
InformationsquelleAutor Christian Bøge-Rasmussen