Hello,
I am trying to change the selected tab client side, but i am getting a javascript error FindTabByText is not a function.
Here is my code:
<telerik:RadCodeBlock ID="profileCodeblock" runat="server">
<script type="text/javascript">
function selecttab(text)
{
var tabStrip = $find('<%=rtsSteps.ClientID %>');
var tab = tabStrip.FindTabByText(text);
if (!tab)
{
alert("There is no tab with text \"" + text + "\"");
return false;
}
tab.set_selected(true); //The same as tab.select();
return false;
}
</script>
</telerik:RadCodeBlock>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
function onTabSelecting(sender, args)
{
var $div = jQuery('#dvContainer');
var clientid= '<%=GetClientID %>';
var url = '';
switch(args.get_tab().get_value())
{
case 'overview':
var form = '<%=GetOverviewForm %>';
url = 'clientsdialog/'+form+'?clientid='+clientid;
break;
case 'contacts':
url = 'clientsdialog/clientcontactmain.aspx?clientid='+clientid;
break;
case 'services':
url = 'clientsdialog/clientservicepreferences.aspx?clientid='+clientid;
break;
case 'agreements':
url = 'clientsdialog/clientsagreement.aspx?clientid='+clientid;
break;
case 'settings':
break;
}
$div.load(url);
}
</script>
</telerik:RadScriptBlock>
<div id="qsfCodeTabs">
<telerik:RadTabStrip ID="rtHome" runat="server"
CssClass="tabstrip" CausesValidation="false" style="display:none;"
SelectedIndex="0">
</telerik:RadTabStrip>
</div>
<div style="float:left;width:250px;">
<div class="tabheader">
<p>Client Profile</p>
</div>
<div id="progress">
<span class="progressBar" id="spaceused1">25%</span>
</div>
<telerik:RadTabStrip ID="rtsSteps" Width="197px" SelectedIndex="0"
runat="server" Skin="Steps" EnableEmbeddedBaseStylesheet="false"
EnableEmbeddedSkins="false" OnClientTabSelected="onTabSelecting" CausesValidation="False" Orientation="VerticalLeft" >
<Tabs>
<telerik:RadTab Text="Account Overview" Value="overview" style="cursor:pointer">
</telerik:RadTab>
<telerik:RadTab Text="Contacts" Value="contacts" style="cursor:pointer">
</telerik:RadTab>
<telerik:RadTab Text="Service Preferences" Value="services" style="cursor:pointer">
</telerik:RadTab>
<telerik:RadTab Text="Agreements" Value="agreements" style="cursor:pointer">
</telerik:RadTab>
<telerik:RadTab Text="Regional Settings" Value="settings" style="cursor:pointer">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
</div>
<div id="dvContainer" style="width:700px;float:right;">
</div>
<div style="clear:both"><br /><br /></div>
<input type="button" value="test" onclick="selecttab('services');" />
I am wondering if i am doing it correctly. As i have other functions in other pages that $find works well.
Thanks,
JV