Load on Demand RadPageView disappears

[Condorito]

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.

[Alex Lawson]

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.

[Condorito]

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"><a class="rtsLink rtsSelected" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Dom</span></span></span></a></li><li class="rtsLI"><a class="rtsLink rtsAfter" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Trans</span></span></span></a></li><li class="rtsLI"><a class="rtsLink" href="#"><span class="rtsOut"><span class="rtsIn"><span class="rtsTxt">Int</span></span></span></a></li><li class="rtsLI rtsLast"><a 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.

[Alex Lawson]

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.

[Condorito]

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!

[Steve]

What exactly is your definition of "shortly"?

[Sara]

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.