Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Migrating from Infragistics to Telerik, stuck on Tabstrip navigateurl

• Amit

  Posted on Jun 24, 2011 (permalink)

  Hello

  We are in a process of migrating our websites from using Infragistics controls and are in the process of trying Telerik web controls.

  As part of this testing, I am stuck at using RadTabStrip functionality.

  We have a page1.aspx page with search button and several input parameters. The clientside click event of this search button calls a function

  cmdSearch()
  {
  .....
  tab.setTargetUrl(sDestURL);
  ...
  }

  where the first tabs targetUrl is set to page2.aspx and the call is auto redirected to Page_load of page2.aspx and eventually the database call.

  page2.aspx has a datagrid which is databound based upon the parameters passed as query string in sDestURL.

  I am trying to replicated same functionality on clientside using telerik but failing.

  When I try

  selectedTab.set_target(sDestURL);
  or
  selected.set_NavigateUrl(sDestURL);

  it does not redirect to page2.aspx, hence no grid populated.

  What am I doing wrong and how do I fix this.

  Any help will be deeply appreicated as I have spent enough time trying to figure this out.

  Thanks much in advance.

• Shinu MVP

  Posted on Jun 27, 2011 (permalink)

  Hello Amit,
  
  You can set the navigate url using set_navigateUrl method.
  
  Javascript.
  

  var tabStrip = $find( "<%= RadTabStrip1.ClientID %>");

  var tab = tabStrip.findTabByText( "Paris");

  tabStrip.set_navigateUrl("http://www.google.com");

  
  Also take a look at the following help document for more on RadTabStrip client object.
  Client-Side Basics.
  
  Thanks,
  Shinu.

• Amit

  Posted on Jun 27, 2011 (permalink)

  Hello Shinu
  I forgot to mention in my post, I have tried set_navigateUrl as well. It does not redirect to the URL passed to it. I am able to achieve the redirection using iFrame but I dont want to go down that path.
  
  Idea is to have the second page load the grid and display it on the tab of first page. DDo I have to invoke any call after set_navigateURL? 
  
  
  Thanks in advance

• Peter Peter

  Posted on Jun 30, 2011 (permalink)

  Hello Amit,
  
  If you set the navigateUrl property on the client, calling the click() method will have no effect. You can consider setting the value instead. Here is an example:
  

  <script type="text/javascript">

         function navigateToPage() {

             var tabstrip = $find('<%=RadTabStrip1.ClientID %>');

             var tabGoogle = tabstrip.findTabByText("google");

             tabstrip.trackChanges();

             tabGoogle.set_value("http://www.google.com");

             tabstrip.commitChanges();

             tabGoogle.click();

         }

     </script>

     <input type="button" value="search in google" onclick="navigateToPage()" />

     <telerik:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="true" OnTabClick="RadTabStrip1_TabClick">

         <Tabs>

             <telerik:RadTab runat="server" Text="Root RadTab1">

             </telerik:RadTab>

             <telerik:RadTab runat="server" Text="Root RadTab2">

             </telerik:RadTab>

             <telerik:RadTab runat="server" Text="google">

             </telerik:RadTab>

         </Tabs>

     </telerik:RadTabStrip>

  
  

  protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)

     {

         if (e.Tab.Value != null)

         {

             Response.Redirect(e.Tab.Value);

         }

     }

  
  Greetings,
  Peter
  the Telerik team

  Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Migrating from Infragistics to Telerik, stuck on Tabstrip navigateurl