[英]Using “TabContainer” and “TabPanel” Ajax Toolkits
我在一个页面上有几个选项卡,它始终默认为第一个选项卡,但是当单击链接时,我希望它到 select 使用 javascript 的不同选项卡。 我怎样才能 select 与 Javascript 选项卡?
现在,因为默认选择第一个选项卡,所以 javascript 会抛出 pnlTab2 不可见或不存在的错误。 但是,如果我手动单击选项卡,然后单击链接,它是否正确地集中在该选项卡上?
I am new in C# and Javascript, can anyone please help me?, how can I select the second tab using javascript and then focus so that it does not give me error?
谢谢
function DoFocus() {
var pnlTab1 = document.getElementById('<%=pnlTab1.ClientID%>');
var pnlTab2 = document.getElementById('<%=pnlTab2.ClientID%>');
if (pnlTab2 != null ) {
//I WANT TO SELECT THE TAB HERE
document.getElementById('<%=pnlCustomerReviews.ClientID%>').focus();
}
else {
//OR SELECT THIS ONE
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.