[英]TabContainer using AjaxToolKit
在我遇到查找控件和設置選項卡索引的問題之前。 我現在的問題是,取決於某些選項卡中是否有數據,它們被設置為 Visible = true 或 false。 如果沒有數據,則它們不可見(即選項卡),但會顯示容器和任何其他具有數據的選項卡。
所以當我這樣做的時候
$find('<%=myTabs.ClientID%>').set_activeTabIndex(1);
它給了我錯誤,因為對於該特定項目,選項卡 0 中沒有數據,因此我現在要設置的選項卡位於索引 0,因為我要設置的選項卡會將索引向下移動。 使用 javascript,我如何知道該選項卡在哪個索引中?
相關代碼:
function getFocus() {
//need to be able to find out at which index pnlTab2 is at.. so i can set it
$find('<%=myTabs.ClientID%>').set_activeTabIndex(1);
document.getElementById('<%=pnlTab2.ClientID%>').focus();
return false;
}
<asp:UpdatePanel ID="UpdatePnl" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<ajaxToolKit:TabContainer runat="server" id="myTabs" CssClass="CustomTabStyle">
<ajaxToolKit:TabPanel ID="pnlTab1" runat="server" HeaderText="Tab 1">
<ContentTemplate>
<table>
<tr>
<td>
<div class="Tab1">
<asp:Label ID="lblPnl1" runat="server"></asp:Label>
</div>
</td>
</tr>
</table>
</ContentTemplate>
</ajaxToolKit:TabPanel>
<ajaxToolKit:TabPanel ID="pnlTab2" runat="server" HeaderText="Tab2">
<ContentTemplate>
<table>
<tr>
<td>
<div class="Tab2">
<asp:Label ID="lblPnl2" runat="server"></asp:Label>
</div>
</td>
</tr>
</table>
</ContentTemplate>
</ajaxToolKit:TabPanel>
</ajaxToolKit:TabContainer>
</ContentTemplate>
</asp:UpdatePanel>
所以基本上,我怎樣才能找到 TabPanel 的索引,以便我可以將 activeTab 設置為找到的索引?
==================================================== ========================
function setFocus() {
var success = false;
var tabInedx = 0;
var tabs = $find("<%= myTabs.ClientID %>").get_tabs();
for (; tabInedx < tabs.length; tabInedx++) {
if (tabs[tabInedx].get_id() == "<%= pnlTab2.ClientID %>") {
success = true;
break;
}
}
if (success) {
alert("Tab2 index: " + tabInedx)
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.