$find not working

2 posts, 0 answers
  1. JV Junsay
    JV Junsay avatar
    2 posts
    Member since:
    Aug 2009

    Posted 26 May 2010 Link to this post

    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
  2. Yana
    Admin
    Yana avatar
    5032 posts

    Posted 26 May 2010 Link to this post

    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.
Back to Top