<form id="form1" runat="server"> |
<asp:ScriptManager ID="ScriptManager1" runat="server" /> |
|
<script type="text/javascript" language="javascript"> |
function SelectMyTab(sender, args) |
{ |
var multiPageID = sender.get_multiPageID(); |
sender.set_multiPageID(null); |
args.get_tab().select(); |
sender.set_multiPageID(multiPageID); |
} |
|
function UnSelectMyTab(e) |
{ |
var tabStrip = $find('<%= RadTabStrip1.ClientID%>'); |
//Find the element which the mouse is over |
var destElement = e.relatedTarget || e.toElement; |
if ($telerik.isDescendant(tabStrip.get_element(), destElement)) |
return; |
var initialTab = tabStrip.findTabByText("<%= MyTab %>"); |
//initialTab.unselect(); |
initialTab.selectParents(); |
} |
</script> |
|
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="true" OnClientMouseOver="SelectMyTab" ClickSelectedTab="True" AutoPostBack="True" onmouseout="UnSelectMyTab(event)" SelectedIndex="0" Skin="Outlook" MultiPageID="RadMultiPage1"> |
<Tabs> |
<telerik:RadTab ID="Tab1" runat="server" Text="Root Tab 1"> |
<Tabs> |
<telerik:RadTab ID="Tab2" runat="server" Text="Child Tab 1.1" PageViewID="PageView1"> |
</telerik:RadTab> |
<telerik:RadTab ID="Tab3" runat="server" Text="Child Tab 1.2" PageViewID="PageView2"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTab> |
<telerik:RadTab ID="Tab4" runat="server" Text="Root Tab 2"> |
<Tabs> |
<telerik:RadTab ID="Tab5" runat="server" Text="Child Tab 2.1" PageViewID="PageView3"> |
</telerik:RadTab> |
<telerik:RadTab ID="Tab6" runat="server" Text="Child Tab 2.2" PageViewID="PageView4"> |
</telerik:RadTab> |
<telerik:RadTab ID="Tab7" runat="server" Text="Child Tab 2.3" PageViewID="PageView5"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTab> |
<telerik:RadTab ID="Tab8" runat="server" Text="Root Tab 3"> |
<Tabs> |
<telerik:RadTab ID="Tab9" runat="server" Text="Child Tab 3.1" PageViewID="PageView6"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTabStrip> |
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="454px" Width="737px"> |
<telerik:RadPageView ID="PageView1" runat="server"> |
Child Tab 1.1</telerik:RadPageView> |
<telerik:RadPageView ID="PageView2" runat="server" Width="100%"> |
Child Tab 1.2</telerik:RadPageView> |
<telerik:RadPageView ID="PageView3" runat="server" Width="100%"> |
Child Tab 2.1</telerik:RadPageView> |
<telerik:RadPageView ID="PageView4" runat="server" Width="100%"> |
Child Tab 2.2</telerik:RadPageView> |
<telerik:RadPageView ID="PageView5" runat="server" Width="100%"> |
Child Tab 2.3</telerik:RadPageView> |
<telerik:RadPageView ID="PageView6" runat="server" Width="100%"> |
Child Tab 3.1</telerik:RadPageView> |
</telerik:RadMultiPage> |
</form> |