📄 defaultvb.aspx
字号:
<%@ Register TagPrefix="radTS" Namespace="Telerik.WebControls" Assembly="RadTabStrip" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Page Language="vb" CodeBehind="DefaultVB.aspx.vb" AutoEventWireup="false" Inherits="Telerik.TabStripExamplesVB.Programming.ClientSideAPI.DefaultVB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:headtag id="Headtag1" runat="server"></telerik:headtag>
<style type="text/css">
.button
{
margin-bottom: .8em;
width:150px;
}
fieldset
{
margin: 20px;
}
</style>
</head>
<body class="BODY">
<script type="text/javascript">
//<!--
function DisableSelectedTab()
{
var tab = <%= RadTabStrip1.ClientID %>.SelectedTab;
if (!tab)
{
return;
}
while (tab.SelectedTab)
{
tab = tab.SelectedTab;
}
if (tab)
{
tab.Disable();
}
}
function EnableAllTabs()
{
var allTabs = <%= RadTabStrip1.ClientID %>.AllTabs;
for (var i = 0; i < allTabs.length; i++)
{
allTabs[i].Enable();
}
}
function SelectTab()
{
var text = document.getElementById("selectTextBox").value;
var tab = <%= RadTabStrip2.ClientID %>.FindTabByText(text);
if (tab)
{
tab.SelectParents();
}
else
{
alert("Tab with text '" + text + "' not found.");
}
}
function GetSelectedTab()
{
var currentTab = <%= RadTabStrip3.ClientID %>.SelectedTab;
var message = currentTab.Text;
while (currentTab.SelectedTab)
{
currentTab = currentTab.SelectedTab;
message += " > " + currentTab.Text;
}
alert(message);
}
//-->
</script>
<form id="mainForm" method="post" runat="server">
<telerik:header id="Header1" runat="server" NavigationLanguage="VB"></telerik:header>
<fieldset>
<legend>Enabling/Disabling tabs</legend>
<div style="width:50%;float:left;margin-top:20px;">
<radTS:RadTabStrip id="RadTabStrip1" runat="server" Skin="WinXP" SelectedIndex="0">
<Tabs>
<radts:Tab Text="Corporate" SelectedIndex="0">
<Tabs>
<radts:Tab Text="About us"></radts:Tab>
<radts:Tab Text="Careers"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Services">
<Tabs>
<radts:Tab Text="Products"></radts:Tab>
<radts:Tab Text="Solutions"></radts:Tab>
<radts:Tab Text="Certifications"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Work">
<Tabs>
<radts:Tab Text="Clients"></radts:Tab>
<radts:Tab Text="Testimonials"></radts:Tab>
<radts:Tab Text="FAQ"></radts:Tab>
</Tabs>
</radts:Tab>
</Tabs>
</radTS:RadTabStrip>
</div>
<div style="float:right;margin-right:10px;">
<button class="button" onclick="DisableSelectedTab();return false;">Disable selected tab</button><br />
<button class="button" onclick="EnableAllTabs();return false;">Enable all tabs</button>
</div>
</fieldset>
<fieldset>
<legend>Selecting tabs</legend>
<div style="width:50%;float:left;margin-top:20px;">
<radTS:RadTabStrip id="RadTabStrip2" runat="server" Skin="WinXP" SelectedIndex="0">
<Tabs>
<radts:Tab Text="Corporate" SelectedIndex="0">
<Tabs>
<radts:Tab Text="About us"></radts:Tab>
<radts:Tab Text="Careers"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Services">
<Tabs>
<radts:Tab Text="Products"></radts:Tab>
<radts:Tab Text="Solutions"></radts:Tab>
<radts:Tab Text="Certifications"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Work">
<Tabs>
<radts:Tab Text="Clients"></radts:Tab>
<radts:Tab Text="Testimonials"></radts:Tab>
<radts:Tab Text="FAQ"></radts:Tab>
</Tabs>
</radts:Tab>
</Tabs>
</radTS:RadTabStrip>
</div>
<div style="float:right;margin-right:10px;">
Tab to select: <input type="text" id="selectTextBox" value="Services" class="textfield" style="vertical-align:top;"/>
<button class="button" onclick="SelectTab();return false;" style="width:70px">Select</button><br />
</div>
</fieldset>
<fieldset>
<legend>Retrieveing Selected tabs</legend>
<div style="width:50%;float:left;margin-top:20px;">
<radTS:RadTabStrip id="RadTabStrip3" runat="server" Skin="WinXP" SelectedIndex="0">
<Tabs>
<radts:Tab Text="Corporate" SelectedIndex="0">
<Tabs>
<radts:Tab Text="About us"></radts:Tab>
<radts:Tab Text="Careers"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Services">
<Tabs>
<radts:Tab Text="Products"></radts:Tab>
<radts:Tab Text="Solutions"></radts:Tab>
<radts:Tab Text="Certifications"></radts:Tab>
</Tabs>
</radts:Tab>
<radts:Tab Text="Work">
<Tabs>
<radts:Tab Text="Clients"></radts:Tab>
<radts:Tab Text="Testimonials"></radts:Tab>
<radts:Tab Text="FAQ"></radts:Tab>
</Tabs>
</radts:Tab>
</Tabs>
</radTS:RadTabStrip>
</div>
<div style="float:right;margin-right:10px;">
<button class="button" onclick="GetSelectedTab();return false;">Get the selected tab</button>
</div>
</fieldset>
<br style="clear:both" />
<asp:Button Runat="server" ID="Button1" Text="Postback" CssClass="button"></asp:Button>
<telerik:footer id="Footer1" runat="server"></telerik:footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -