Load on Demand RadPageView disappears

7 posts, 0 answers
  1. Condorito
    Condorito avatar
    38 posts
    Member since:
    Mar 2009

    Posted 17 Jun 2009 Link to this post

    Hi,  we have a Load on Demand RadPageView similar to the one under the demos section.  Everything works great at first.   The user controls inside each tab have AJAX-enabled RadGrids which have links that will open up RadWindows with more load on demand RadPageViews inside, which in turn have more AJAX-enabled Telerik controls such as the TreeView and RadGrid.  If we open up one of these RadWindows and start to sort/change RadGrid pages/indexes, etc for a few seconds....and then close the RadWindow which takes you back to the main RadPageView, and you click on one of the tabs, instead of loading the tab's content using load-on-demand, everything inside the RadMultiPage disappears!  Sometimes, if you click on yet another tab, the tabs themselves disappear too, leaving us with nothing, other than a RadSkinManager with ShowChooser set true which is outside the TabStrip!  We don't get any client-side or server-side error messages at all.  This seems to only happen when switching to a tab that has not been loaded yet.  This behavior doesn't seem to be very consistent either, sometimes it happens, sometimes it doesn't, but we've noticed that it will usually happen after the RadWindows with the load-on-demand tabstrips and the AJAX-enabled controls inside are displayed.

    Anybody else having this problem or something similar, or is there any way we can figure out why this is happening?

    Thank you.
  2. Alex Lawson
    Alex Lawson avatar
    43 posts
    Member since:
    May 2008

    Posted 18 Jun 2009 Link to this post

    I haven't had that particular issue, but I have found that the radwindow AJAX suite control can sometimes have integration issues with other controls, in this case I have found it useful to use the asp.net suite version of radwindow instead.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Condorito
    Condorito avatar
    38 posts
    Member since:
    Mar 2009

    Posted 18 Jun 2009 Link to this post

    Hi Alex, than you for your response.  Well, we'd rather only use the RadControls for ASP.NET AJAX.  After doing a view source of the page that is affected I noticed some differences.   This is what it renders normally when everything shows up for the tabs:

     <div id="rtsMainPanel">  
        <div id="rtsMain" class="RadTabStrip RadTabStrip_Web20 RadTabStripTop_Web20 " style="width:100%;">  
            <div class="rtsLevel rtsLevel1 rtsRight">  
                <ul class="rtsUL"><li class="rtsLI rtsFirst"><class="rtsLink rtsSelected" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Dom</span></span></span></a></li><li class="rtsLI"><class="rtsLink rtsAfter" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Trans</span></span></span></a></li><li class="rtsLI"><class="rtsLink" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Int</span></span></span></a></li><li class="rtsLI rtsLast"><class="rtsLink" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">O</span></span></span></a></li></ul>  
            </div><input id="rtsMain_ClientState" name="rtsMain_ClientState" type="hidden" /> 
        </div> 
    </div> 
     

    And then after clicking on a tab and everything disappears, this is what the browser sees:
     <div id="rtsMainPanel">  
        <div id="rtsMain" class="RadTabStrip RadTabStrip_Web20 RadTabStripTop_Web20 " style="width:100%;">  
            <input id="rtsMain_ClientState" name="rtsMain_ClientState" type="hidden" /> 
        </div> 
    </div> 
     

    Both the RadTabStrip and RadMultiPage lose all of their content, but sometimes only the RadMultiPage will and the RadTabStrip wil still show up, although it will no longer load any of the user controls when clicking on them.  Is there any way I can make sure this doesn't happen?  Like I had mentioned previously, this behavior is very inconsistent as far as the steps we take to see it happen, but it happens most of the time. Thanks in advance.
  5. Alex Lawson
    Alex Lawson avatar
    43 posts
    Member since:
    May 2008

    Posted 19 Jun 2009 Link to this post

    I appreciate your point about only using one suite, as much as possible I try to do the same.

    Would it be possible for you to post your code\html here?  That way I can get a better idea.  Anyway attached is the way I implemented a dynamic tabstrip using the tabstrip control, this is probably not the best way to do it but met all of my clients requirements.

    Anyway one issue I found designing a dynamic wizard application was that a postback tended to cause undesired results with the tabstrip\pageframe, one of which was the tabpage blanking out.  I also needed to provide an autosave option for when users moved between tabs on the form so my solution went smething like:

            <telerik:RadTabStrip ID="rtsView" runat="server" Skin="Office2007" OnClientTabSelected="SelectNavigationTab" OnClientTabSelecting="SelectingNavigationTab" > 
                <Tabs> 
                </Tabs> 
            </telerik:RadTabStrip> 
              
            <div id="divDisplay" runat="server" style="width:100%;height:1000px">  
              
            <br /> 
            <br /> 
            No processes have been added.  
              
            </div> 

    JS like:

            function SelectNavigationTab(sender, args)  
            {  
                // Initialise  
                  
                var tabStrip = $find("<%= rtsView.ClientID %>");  
                var selectedTab = tabStrip.get_selectedTab();              
                var tabs = tabStrip.get_tabs();  
                  
                ViewProcess(selectedTab.get_value());  
            }  
              
            function SelectingNavigationTab(sender, args)  
            {  
                if (window.frames.ifmDisplay)  
                {  
                    try {  
                        window.frames.ifmDisplay.Update();    
                    }  
                    catch (error)  
                    {  
                        Alert("An error occured trying to save the process.  Error name: " + e.name + ". Error message: " + e.message);  
                    }  
                }  
            } 

    Where the pages loaded within the iframe has a JS method "Update" to initiate a save

    The View process routine sets the content of the iframe to the desired page:

    document.getElementById(

    'divDisplay').innerHTML = "<iframe name='ifmDisplay' scrolling='no' src='" + strURL + "' width='100%' height='2000px'></iframe>";

     

     

    And of course I then added tab pages via the server side code.

  6. Condorito
    Condorito avatar
    38 posts
    Member since:
    Mar 2009

    Posted 19 Jun 2009 Link to this post

    Hi Alex, thank you for your help once again, I really appreciate it.  Let me apply your client-side code to our project and I'll let you know what I find out.  I will post some code shortly,

    Thanks!
  7. Steve
    Steve avatar
    2 posts
    Member since:
    Feb 2011

    Posted 20 Apr 2011 Link to this post

    What exactly is your definition of "shortly"?
  8. Sara
    Sara avatar
    1 posts
    Member since:
    Jan 2012

    Posted 11 Jan 2012 Link to this post

    In the java script "ViewProcess " method throws Undefined error in the browser.

     function SelectNavigationTab(sender, args)  
            {  
                // Initialise  
                  
                var tabStrip = $find("<%= rtsView.ClientID %>");  
                var selectedTab = tabStrip.get_selectedTab();              
                var tabs = tabStrip.get_tabs();  
                  
                ViewProcess(selectedTab.get_value());  
            }


    I need to import any script file for this? Please help any one.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017