Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
990
UltraWebtab and reload page associated tab
posted

Hello,

UltraWebTab I use and I would reload the page associated with the tab to click on the same tab.
How can we do this?

Thank you for your answers

  • 24497
    Verified Answer
    posted

    Hi,

    I assume that you have TargetUrl and on click of tab-label of already selected tab you want to reload content of that target.
    To do that, you need to process TabClick client event. In case of local aspx you may get reference to document and submit it. However, in case of external web site the best you can do is to reload src of that page. Below is example for both cases:

    <script type="text/javascript">
    function UltraWebTab1_Click(oWebTab, oTab, oEvent)
    {
     // test for same tab click
     if(!oTab || oWebTab.getSelectedTab() != oTab)
      return;
     var iframe = oTab.elemIframe;
     if(!iframe)
      return;
     var doc = oTab.getTargetUrlDocument();
     if(doc)
     {
      try
      {
       // if local asxp, then try to submit it
       doc.forms[0].submit();
      }
      catch(ex){}
      return;
     }
     // if external website, then reset its src
     iframe.src = '';
     iframe.src = oTab.getTargetUrl();
    }
    </script>
    <igtab:UltraWebTab ID="UltraWebTab1" runat="server" Height="300px" Width="400px">
         <ClientSideEvents Click="UltraWebTab1_Click" />
         <Tabs>
          <igtab:Tab Text="Tab1">
           <ContentPane TargetUrl="http://www.google.com">
           </ContentPane>
          </igtab:Tab>
          <igtab:Tab Text="Tab2">
           <ContentPane TargetUrl="Temp2.aspx">
           </ContentPane>
          </igtab:Tab>
         </Tabs>
    </igtab:UltraWebTab>