This is a migrated thread and some comments may be shown as answers.

$find not working

1 Answer 71 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
JV Junsay
Top achievements
Rank 1
JV Junsay asked on 26 May 2010, 05:27 AM
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

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 26 May 2010, 08:30 AM
Hello JV Junsay,

The names of the methods are case-sensitive and the correct method is findTabByText(text).

Best wishes,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
TabStrip
Asked by
JV Junsay
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or