如何在ajax tabcontrol中设置选项卡 [英] How to set the tabs in ajax tabcontrol
本文介绍了如何在ajax tabcontrol中设置选项卡的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<form id="form1" runat="server">
<div>
<div id="custom-menu">
<ol>
<li><a href="#">Delete</a> </li>
<li><a href="#">New Table</a> </li>
<li class="list-devider">
<hr />
</li>
</ol>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="top">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>
<table style="background-color: #FFFFFF; width: 1336px; margin-removed 0px;">
<tr>
<td style="width: 1250px">
<asp:ImageButton ID="btnNewProject" runat="server" ImageUrl="~/Images/NewProject.Ico"
CausesValidation="false" OnClick="btnNewProject_Click1" ToolTip="New Project" />
<asp:ImageButton ID="btnOpenProject" runat="server" ImageUrl="~/Images/OpenProject.Ico"
CausesValidation="false" OnClick="btnOpenProject_Click" ToolTip="Open Project" />
<asp:ImageButton ID="btnNewTable" runat="server" ImageUrl="~/Images/NewTable.bmp"
CausesValidation="false" OnClick="btnNewTable_Click" ToolTip="New Table" />
<asp:ImageButton ID="btnLoadObjectRepository" runat="server" ImageUrl="~/Images/Load.bmp"
CausesValidation="false" OnClick="btnLoadObjectRepository_Click" ToolTip="Load XML" />
<asp:ImageButton ID="btnRun" runat="server" ImageUrl="~/Images/Run.bmp" CausesValidation="false"
OnClick="btnRun_Click" ToolTip="Run" />
<asp:ImageButton ID="btnDelete" runat="server" ImageUrl="~/Images/images.bmp" OnClick="btnDelete_Click"
ToolTip="Delete" />
<asp:ImageButton ID="btnhelp" runat="server" ImageUrl="~/Images/help.png" OnClick="btnhelp_Click"
ToolTip="Help" />
</td>
<%-- <td>
<asp:ImageButton ID="btnSaveTable" runat="server" ImageUrl="~/Images/SaveTable.bmp"
CausesValidation="false" />
</td>--%>
<td>
<asp:ImageButton ID="btnLogo" runat="server" ImageUrl="~/Images/dell-services-logo.gif"
Enabled="false" CausesValidation="false" Height="47px" Width="135px" />
</td>
<%--<td>
<a href="abc.chm">Help</a>
</td>--%>
<td>
<%--<asp:LinkButton ID="logout" runat="server" CausesValidation="false" CssClass="linklogout"
OnClick="logout_Click" Text="Logout"></asp:LinkButton>
--%>
<%--<asp:ImageButton ID="btnLogout" runat="server" ImageUrl="~/Images/exit.png" CausesValidation="false"
OnClick="logout_Click" ToolTip="Logout" />--%>
<asp:LinkButton ID="logout" runat="server" CausesValidation="false" CssClass="linklogout"
Text="Logout" OnClick="logout_Click"></asp:LinkButton>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div id="buttom">
<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Always">
<ContentTemplate>
<div id="buttomLeftSide">
<ajax:TabContainer ID="tabContainerButtomLeftSide" runat="server" ActiveTabIndex="0">
<ajax:TabPanel ID="tbPnlProjectExplorer" runat="server" TabIndex="0" >
<HeaderTemplate>
Project Explorer
</HeaderTemplate>
<ContentTemplate>
<div id="projectExplorer">
<asp:Panel ID="panel1" runat="server" Height="96%" ScrollBars="Auto" margin-left="0px"
Width="290px">
<asp:TreeView ID="tvwProjectExplorer" runat="server" ForeColor="Blue" Height="466px"
NodeIndent="15" Width="344px" OnSelectedNodeChanged="tvwProjectExplorer_SelectedNodeChanged">
<DataBindings>
<asp:TreeNodeBinding DataMember="COMPUTER" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
<asp:TreeNodeBinding DataMember="STUDY" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
</DataBindings>
<HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
<NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
NodeSpacing="0px" VerticalPadding="2px" />
<ParentNodeStyle Font-Bold="False" />
<SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
VerticalPadding="0px" />
</asp:TreeView>
</asp:Panel>
</div>
</ContentTemplate>
</ajax:TabPanel>
<ajax:TabPanel ID="tbPnlLogs" runat="server" TabIndex="1">
<HeaderTemplate>
Logs
</HeaderTemplate>
<ContentTemplate>
<div id="logs">
<asp:Panel ID="Panel2" runat="server" Height="100%" ScrollBars="Auto" margin-left="0px"
Width="290px">
<asp:TreeView ID="tvwLogs" runat="server" ForeColor="White" Height="466px" NodeIndent="15"
Width="344px" OnSelectedNodeChanged="TvwLogs_SelectedNodeChanged">
<DataBindings>
<asp:TreeNodeBinding DataMember="COMPUTER" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
<asp:TreeNodeBinding DataMember="STUDY" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
</DataBindings>
<HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
<NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
NodeSpacing="0px" VerticalPadding="2px" />
<ParentNodeStyle Font-Bold="False" />
<SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
VerticalPadding="0px" />
</asp:TreeView>
</asp:Panel>
</div>
</ContentTemplate>
</ajax:TabPanel>
<ajax:TabPanel ID="TbPnlScripts" runat="server" TabIndex="2">
<HeaderTemplate>
Scripts
</HeaderTemplate>
<ContentTemplate>
<div id="scripts">
<asp:Panel ID="Panel3" runat="server" Height="100%" ScrollBars="Auto" margin-left="0px"
Width="290px">
<asp:TreeView ID="TvwScripts" runat="server" ForeColor="White" Height="466px" NodeIndent="15"
Width="344px" OnSelectedNodeChanged="TvwScripts_SelectedNodeChanged">
<DataBindings>
<asp:TreeNodeBinding DataMember="COMPUTER" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
<asp:TreeNodeBinding DataMember="STUDY" TextField="#Name" />
<asp:TreeNodeBinding DataMember="field" ValueField="#InnerText" />
</DataBindings>
<HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
<NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
NodeSpacing="0px" VerticalPadding="2px" />
<ParentNodeStyle Font-Bold="False" />
<SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
VerticalPadding="0px" />
</asp:TreeView>
</asp:Panel>
</div>
</ContentTemplate>
</ajax:TabPanel>
</ajax:TabContainer>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div id="buttomRightSide">
<div id="buttomRightSideTop">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<%-- <div id="buttomRightSideButtom">
Welcome to Universal Test Automation Framework :
</div>--%>
</div>
</div>
</form>
I have three tabs Project explorer , logs and scripts
Each tabs has a treeview in it and lot of links under that
Issue: when i navigate to logs or scripts tab and click any of the treeview link in it loads the page correctly . However when i click on logs or script tab , it goes to first tab (i.e project explorer). How do i fix this problem when i click on script tab it should retain in the same tab instead it navigates to the first tab
I have three tabs Project explorer , logs and scripts
Each tabs has a treeview in it and lot of links under that
Issue: when i navigate to logs or scripts tab and click any of the treeview link in it loads the page correctly . However when i click on logs or script tab , it goes to first tab (i.e project explorer). How do i fix this problem when i click on script tab it should retain in the same tab instead it navigates to the first tab
推荐答案
这篇关于如何在ajax tabcontrol中设置选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
