SplitterItemsCollection must contain SplitterItem objects

[Leo]

Hi,

We have recently upgraded from Telerik Controls 2007Q1 (I know, quite old) to the recent Telerik AJAX controls 2009Q2 and we have been experiencing some issues with the html code due to to this upgrade.

The current issue we have not been able to resolve is the "SplitterItemsCollection must contain SplitterItem objects"

Attached below is the page with the splitter:

<form id="form1" runat="server">

<div style="position: relative; z-index: 2; width: 100%; height: 100%; left: 0px;

top: 0px;">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<br />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackColor="#E0E0E0"

CssClass="LoadingPanel" IsSticky="true" Transparency="30">

<table style="height: 50%" width="100%">

<tr>

<td align="center">

<asp:Image ID="Image2" runat="server" AlternateText="Loading..." ImageAlign="Middle"

ImageUrl="~/Assets/Images/loading9.gif" Width="100" />

</td>

</tr>

</table>

</telerik:RadAjaxLoadingPanel>

<div id="divHeader">

<table width="100%">

<tr>

<td align="left" colspan="2" valign="top">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">

<tr>

<td style="width: 100px; height: 48px;">

<asp:Image ID="MBLogo" runat="server" AlternateText="Macquarie Bank" ImageUrl="~/assets/images/hdollar.gif" /></td>

<td style="width: 500px; height: 48px;" align="left" valign="bottom"><asp:Label ID="lblEndOfMonth" runat="server" ForeColor="Red"></asp:Label>

</td>

<td style="width: 100px; height: 48px;">

</td>

<td style="width: 100px; height: 48px;">

</td>

<td align="right" style="width: 100px; height: 48px;" valign="top">

&nbsp;</td>

<td align="right" valign="top" style="height: 48px">

<asp:Image ID="Image1" runat="server" AlternateText="RACS" ImageUrl="~/assets/images/racslogo.gif" />

<br />

<asp:Label ID="lblSystemLocation" runat="server" Text="<%$ AppSettings:SystemLocation %>"></asp:Label><br />

<asp:Label ID="lblLoggedInAs" runat="server"></asp:Label></td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">

<tr>

<td style="background-image: url(Assets/Images/bgline.gif); background-repeat: repeat-x"

valign="top">

<asp:Label ID="lblMonth" runat="server" Text="No Group Selected" Visible="False"></asp:Label>

<asp:Label ID="lblGroup" runat="server" Visible="False"></asp:Label>

&nbsp;<asp:Label ID="lblDivision" runat="server" Visible="False"></asp:Label>

</td>

<td align="right" style="width: 400px">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Right" AutoPostBack="True"

CausesValidation="False" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick"

SelectedIndex="1" >

<Tabs>

<telerik:RadTab ID="Tab1" runat="server" Text="Administration">

</telerik:RadTab>

<telerik:RadTab ID="Tab2" runat="server" Text="Lead Schedules">

</telerik:RadTab>

<telerik:RadTab ID="Tab3" runat="server" Text="Reports">

</telerik:RadTab>

<telerik:RadTab ID="Tab4" runat="server" Text="Logout">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

<div id="divMainContent" style="position: relative">

<table border="0" cellpadding="0" cellspacing="0" style="height: 100%" width="100%">

<tr style="height: 100%">

<td style="height: 100%">

<telerik:RadSplitter ID="MainPageSplitter" runat="server" EnableTheming="True" Height="100%"

Orientation="Vertical" VisibleDuringInit="False" Width="100%">

<telerik:RadPane ID="GroupTreePane" runat="server"  MaxWidth="200"

MinWidth="22" Scrolling="None" Width="22">

<telerik:RadAjaxPanel ID="pnlTreeView1" runat="server" Width="100%">

<telerik:RadSlidingZone ID="SlidingZone2" runat="server" DockedPaneId="RadSlidingPane2"

Width="22">

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" MaxWidth="200" MinWidth="200"

OnClientPaneDocked="GroupTreeDocked" OnClientPaneUnDocked="GroupTreeUndocked"

Scrolling="None" Title="Group Tree" Width="200px">

<uc7:GroupTreeView ID="GroupTreeView1" runat="server" />

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadAjaxPanel>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane ID="ContentPane" runat="server" CssClass="ApplyPosition" Height="100%"

Scrolling="Both">

<telerik:RadAjaxPanel ID="contentView1" runat="server">

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" OnLoad="RadMultiPage1_Load1"

RenderSelectedPageOnly="True" SelectedIndex="1" Width="100%">

<telerik:RadPageView ID="PageViewAdmin" runat="server" Width="100%">

<uc1:RACSAdmin ID="RACSAdmin1" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="PageViewLS" runat="server" Width="100%">

<uc2:LeadScheduleView ID="LeadScheduleView1" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="PageViewReports" runat="server" Width="100%">

<uc3:RACSReports ID="RACSReports1" runat="server" />

</telerik:RadPageView>

<telerik:RadPageView ID="PageView1" runat="server" Width="100%">

<asp:Panel ID="Panel1" runat="server" Height="50px" Width="100%">

</asp:Panel>

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadAjaxPanel>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</div>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" ClientEvents-OnRequestStart="mngRequestStarted"

ClientEvents-OnResponseEnd="mngResponseEnd"

DefaultLoadingPanelID="RadAjaxLoadingPanel2" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<ClientEvents OnRequestStart="mngRequestStarted" OnResponseEnd="mngResponseEnd" />

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="pnlTreeView1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlTreeView1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadSplitbar1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />

<telerik:AjaxUpdatedControl ControlID="contentView1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<br />

</div>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Modal="True">

<Windows>

<telerik:RadWindow ID="GenericWindow" runat="server" Behavior="Default" DestroyOnClose="true"

EnableTheming="True" InitialBehavior="None" Left="100px" Modal="True" NavigateUrl=""

ShowContentDuringLoad="false" Title="RACS"

Top="20px" />

</Windows>

</telerik:RadWindowManager>

&nbsp;

<br />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Height="6px" IsSticky="True"

MinDisplayTime="300" Width="75px">

</telerik:RadAjaxLoadingPanel>

&nbsp;

I have attempted to insert the splitter and other controls into asp panels, ajaxpanels but this does not see to resolve the issue.
Could you please provide some ideas on how to resolve this?

Kind regards,
Leo

[Tsvetie]

Hi Leo,
The problem comes from the following AjaxSetting:

<telerik:AjaxSetting AjaxControlID="pnlTreeView1">
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="pnlTreeView1" />
        <telerik:AjaxUpdatedControl ControlID="RadSplitbar1" />
        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
        <telerik:AjaxUpdatedControl ControlID="contentView1" />
    </UpdatedControls>
</telerik:AjaxSetting>

The RadAjaxManager wraps its updated controls in UpdatePanels. That is why you cannot set the RadSplitBar as an UpdatedControl in the AjaxSettings of the RadAjaxManager, because that way, when the manager wraps the splitbar in an UpdatePanel, you will end up with an UpdatePanel as a child of the RadSplitter.

Best wishes,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Leo]

Hi Tsvetie,

I have removed the reference to the Splitbar, but I am still encountering this issue.
Is there an issue with the way I have placed the AjaxPanels?

Thanks for your help.

Kind regards,
Leo

[Tsvetie]

Hi Leo,
Unfortunately, the error disappeared when I removed the reference to the RadSplitBar in the test page that I created, based on your code - please find it attached. In case you continue to have problems, send me the code that demonstrates those problems and I will review it.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Leo]

Hi Tsvetie,

Sorry for the inconvenience. There was some code in the aspx.cs file which was adding the RadSplitBar to the AjaxManager which I had missed.

Thank you for your help and time.

Kind regards,
Leo