I'm having trouble using the code in one of the demos that allows for the tabstrip to show the child elements of the initial tab onmouseout. Here's the code I'm using.
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">
<script type="text/javascript" language="javascript">
function SelectMyTab(sender, eventArgs) {
var tab = eventArgs.get_tab();
tab.select();
}
function UnSelectMyTab(e) {
var tabStrip = $find('<%= RadTabStrip1.ClientID%>');
if (!tabStrip) return;
//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(tabStrip.get_attributes().getAttribute("InitialTab"));
initialTab.unselect();
initialTab.selectParents();
}
</script>
</telerik:RadCodeBlock>
<div>
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="True"
OnClientMouseOver="SelectMyTab"
OnClientMouseOut="UnSelectMyTab(event)"
ClickSelectedTab="True"
SelectedIndex="0"
AutoPostBack="True" >
<Tabs>
<telerik:RadTab runat="server" Text="Root RadTab1" Selected="true">
<Tabs>
<telerik:RadTab runat="server" Text="Child RadTab 1">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Child RadTab 2">
</telerik:RadTab>
</Tabs>
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab2">
<Tabs>
<telerik:RadTab runat="server" Text="test">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="test2">
</telerik:RadTab>
</Tabs>
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab3">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</div>
</form>
</body>
c# code:
protected void Page_Load(object sender, EventArgs e)
{
RadTabStrip1.Attributes["InitialTab"] = RadTabStrip1.InnermostSelectedTab.Text;
}
Not sure what I'm missing but I get a javascript error that says "Object doesn't support this property or method".
- Kirk
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">
<script type="text/javascript" language="javascript">
function SelectMyTab(sender, eventArgs) {
var tab = eventArgs.get_tab();
tab.select();
}
function UnSelectMyTab(e) {
var tabStrip = $find('<%= RadTabStrip1.ClientID%>');
if (!tabStrip) return;
//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(tabStrip.get_attributes().getAttribute("InitialTab"));
initialTab.unselect();
initialTab.selectParents();
}
</script>
</telerik:RadCodeBlock>
<div>
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" UnSelectChildren="True"
OnClientMouseOver="SelectMyTab"
OnClientMouseOut="UnSelectMyTab(event)"
ClickSelectedTab="True"
SelectedIndex="0"
AutoPostBack="True" >
<Tabs>
<telerik:RadTab runat="server" Text="Root RadTab1" Selected="true">
<Tabs>
<telerik:RadTab runat="server" Text="Child RadTab 1">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Child RadTab 2">
</telerik:RadTab>
</Tabs>
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab2">
<Tabs>
<telerik:RadTab runat="server" Text="test">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="test2">
</telerik:RadTab>
</Tabs>
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab3">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</div>
</form>
</body>
c# code:
protected void Page_Load(object sender, EventArgs e)
{
RadTabStrip1.Attributes["InitialTab"] = RadTabStrip1.InnermostSelectedTab.Text;
}
Not sure what I'm missing but I get a javascript error that says "Object doesn't support this property or method".
- Kirk