SplitterItemsCollection must contain SplitterItem objects

5 posts, 1 answers
  1. Leo
    Leo avatar
    9 posts
    Member since:
    Sep 2008

    Posted 13 Aug 2009 Link to this post

    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
  2. Answer
    Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 14 Aug 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Leo
    Leo avatar
    9 posts
    Member since:
    Sep 2008

    Posted 16 Aug 2009 Link to this post

    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
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 17 Aug 2009 Link to this post

    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.
  6. Leo
    Leo avatar
    9 posts
    Member since:
    Sep 2008

    Posted 17 Aug 2009 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017