Hidden TabStrip in UpdatePanel

[Richard Gregg]

Hi, I have a TabStip in an UpdatePanel that is hidden when the page first loads. There is a button that does a partial postback that will show the TabStrip. When the TabStrip is shown there is a Javascript error:

 

Message: Sys.ArgumentUndefinedException: Value cannot be undefined.
Parameter name: type
Line: 2705
Char: 12
Code: 0
URI: http://btstdv-sps01/ScriptResource.axd?d=xaqw4kfdwdWtvHW4JHRwu9dPHBZGWnnEsHrQAeYOVMQ7UJ-eBupaWW3i-HcJkIVjOLsVpXh5bEw8C3og-zVo6TrkPpdFBh_IX0nO69bBYU01&t=ffffffffec2d9970

Then although the TabStrip and the matching TabPage is shown I can't change tabs.

I notice that I don't get this error if the TabStrip is either visible to start with or not in the UpdatePanel (ie a full postback to make it visible).

Is there some javascript that runs on page load to initialize the TabStrip? if so can I fake it some how?

[Richard Gregg]

Well I have found a workaround by adding the following to my page:

<div style="display:none;">
    <rad:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" MultiPageID="RadMultiPage1" runat="server" />
    <rad:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server" />
</div>

This seems to initialize it and allow my real TabStrip to work properly.

This problem has only started since upgrading to 2010.1.519.35 we have also upgraded from SharePoint 2007 to 2010. Given that I have just noticed that a RadTextboxwith EmptyText and RadListbox does not work properly in the same situation (not visible on full page load) but can also be fixed by adding dummy controls I'm thinking that we may have lost something in out MasterPage when we upgraded SharePoint.

There must be a better way?

[Yana]

Hi Richard,

Could you please replace the update panel with RadAjaxPanel and let us know how it goes?

Best wishes,
Yana
the Telerik team

[Richard Gregg]

I tryed this but its not very practical. The page it's on is very complex and has nested UpdatePanels with some calls to some of the UpdatePanel's Update() method. To convert this to RadAjaxPanels seems to be a big job (with lots of risk). I had a look at converting it over to RadAjaxManagerProxy but due to the complexity of the page this is also a big job (againb with lots of risk). To be honest I'm inclined to keep my workaround over thoes options.

my full workaround is:

<div style="display:none;">
    <rad:RadTabStrip ID="RadTabStrip1" MultiPageID="RadMultiPage1" runat="server" />
    <rad:RadMultiPage ID="RadMultiPage1" runat="server" />
    <rad:RadListBox ID="RadListBox1" runat="server" />
    <rad:RadDockLayout ID="RadDockLayout1" runat="server" >
        <rad:RadDockZone ID="RadDockZone1" UniqueName="rdzRadDockZone1" runat="server" >
            <rad:RadDock ID="RadDock1" runat="server">
                <ContentTemplate>
                    <rad:RadTextBox ID="RadTextBox1" runat="server" />
                </ContentTemplate>
            </rad:RadDock>
        </rad:RadDockZone>
    </rad:RadDockLayout>
</div>

This issue seems to be new in the 2010 Q1 and now Q2. So something has changed.

[Yana]

Hi Richard,

We cannot tell what exactly is the problem without reproducing it.  Please open a support ticket and send us a simple runnable page demonstrating the issue there. Thanks

Best regards,
Yana
the Telerik team