Splitter Items Collection must contain SplitterItem objects

2 posts, 0 answers
  1. Saed
    Saed avatar
    6 posts
    Member since:
    Mar 2013

    Posted 01 Sep 2015 Link to this post

    Hello to all

     i use web mail project in samples and demo projects on telerik web site (but i modify it)  ,  my question when i run the project its working fine but in master file there is no ajax manger only on content page , so when i try to put ajax manger on master and ajax manger proxy on content (as i read in help) error message come

     Splitter Items Collection must contain SplitterItem objects

    but if i remove radajaxmanger message will go and web page will load without any issue ,so what is my mistake .

     

     

     

    thanks

     

    master sorec code

     

     

    <%@ Master Language="VB" CodeFile="mainmaster.master.vb" Inherits="mainmaster" %>

     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
       
        



        <link rel="stylesheet" type="text/css" href="Styles/styles.css" />
        <link rel="stylesheet" type="text/css" href="Styles/stylesloc.css" />
    </head>
    <body>
    <form id="form1" runat="server">

        <telerik:RadScriptManager runat="server" EnableCdn="true" ID="RadScriptManager1" />
        <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
        <telerik:RadFormDecorator runat="server" ID="RadFormDecorator1"
            DecoratedControls="All" Skin="Silk" />
           
           
           
           
           
           
           <%--
           
            <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
            <AjaxSettings>          
                 
                <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rightPane" />
                       <telerik:AjaxUpdatedControl ControlID="contentPane" />
                    </UpdatedControls>
                </telerik:AjaxSetting>                                    
                <telerik:AjaxSetting AjaxControlID="rightPane">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rightPane"   />
                        
                    </UpdatedControls>
                </telerik:AjaxSetting>
                           
            
               <telerik:AjaxSetting AjaxControlID="RadButton1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rightPane"  />
                        <telerik:AjaxUpdatedControl ControlID="RadTreeView1" />
                        <telerik:AjaxUpdatedControl ControlID="RadButton1"   />
                        <telerik:AjaxUpdatedControl ControlID="contentPane" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                

                  <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                    </telerik:AjaxSetting>


                 <telerik:AjaxSetting AjaxControlID="RadToolBar1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadWindowManager33"  />
                       
                    </UpdatedControls>
                </telerik:AjaxSetting>

            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" LoadingPanelID="RadAjaxLoadingPanel1">
        </telerik:RadAjaxLoadingPanel>--%>

           
           
           
           
           
           
           ​ ​








        <telerik:RadSplitter runat="Server" ID="RadSplitter1"
            Width="100%" Height="100%" Orientation="Horizontal" VisibleDuringInit="false"
            BorderSize="0" BorderStyle="None" PanesBorderSize="0">
            <telerik:RadPane ID="topPane" runat="server" Height="74px">
                <div id="header">
                                
                    <asp:Label ID="Label2" runat="server" Font-Size="X-Large"
                        Text="welcome"></asp:Label>
                     








                        <div class="date-r">
                    <span>Select period from: </span>
                    <telerik:RadDatePicker ID="StartDatePicker"  runat="server"    >
    <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>

    <DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy"   LabelWidth="40%"
                            value="7/17/1996"></DateInput>

    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

                       
                    </telerik:RadDatePicker>
                  
                    <span>to: </span>
                    <telerik:RadDatePicker ID="EndDatePicker"   runat="server"     >
    <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"></Calendar>

    <DateInput DisplayDateFormat="M/d/yyyy" DateFormat="M/d/yyyy"  LabelWidth="40%"
                            value="7/17/1997"></DateInput>

    <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>

                      
                    </telerik:RadDatePicker>
                    &nbsp;

                       <telerik:RadButton ID="RadButton1" runat="server" Text="Search">
                    </telerik:RadButton>
                     
                </div>



     








                    <div class="skin-chooser">
                     
                        <label for="ctl00_SkinChooser_Input" class="skinLabel">Skin:</label>
                <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Office2010Blue"
                            PersistenceKey="Skin" PersistenceMode="Session" >
                </telerik:RadSkinManager>
                    </div>
                </div>












                <div class="menu">
                    <telerik:RadToolBar ID="RadToolBar1" runat="server">
                   <Items>

                
                    <telerik:RadToolBarButton Text="Home"    ImageUrl="Images/s.png"
                        NavigateUrl="default.aspx" Target="_parent" Width="150px"  />

                    <telerik:RadToolBarButton Text="MySettings"    
                        ImageUrl="Images/s.png" Width="150px"  
                            />

                              <telerik:RadToolBarButton Text="System Status"    
                        ImageUrl="Images/s.png" Width="150px"
                            />

                        <%-- <telerik:RadToolBarButton Text="About This Demo" CssClass="AboutToolButton" ImageUrl="Images/s.png" />--%>
                    <telerik:RadToolBarButton Text="About"  
                       NavigateUrl="http://www.​gggg.com/#!about/cgvz" Target="_blank"  
                        ImageUrl="Images/s.png" Width="150px"   />
                
                </Items>
                    </telerik:RadToolBar>
                </div>
            </telerik:RadPane>










            <telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
                <telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" PanesBorderSize="0">
                    <telerik:RadPane runat="Server" ID="leftPane" Width="240px" MinWidth="240" MaxWidth="600"
                        Scrolling="None">
                        <telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
                            Height="100%" Orientation="Horizontal">
                            <telerik:RadPane runat="server" ID="topLeftPane"     >
                                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

                                
     
                                     
      <telerik:RadTreeView runat="server" ID="RadTreeView1"    >
        <NodeTemplate>
         
            <div class="node-album">
                                      
                <span class="band">
                <%# Eval("header")%>
                <br />
                &nbsp;  <asp:Image ID="Image2" runat="server"    ImageUrl= '<%#  get_image_online_or_offline( Eval("db_name")).ToString()  %>'      ToolTip='<%#  get_online_or_offline( Eval("db_name")).ToString()  %>' />
                </span>
                <asp:Label ID="totalsales" runat="server" class="album" Text='<%# string.Format("{0:0,0}",  GetSalestotal( Eval("db_name").ToString())) %>'></asp:Label>
                 <asp:Label ID="percent" runat="server" class="percent" Text='<%# GetSalesPercentage( Eval("db_name") ) + "%" %>'></asp:Label>
            </div>
                                     

                                     
                            
                              
                              


                        

                                      

                        </NodeTemplate>

               
            </telerik:RadTreeView>




                                  




                                </asp:ContentPlaceHolder>
                            </telerik:RadPane>
                            <telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Backward" />
                            <telerik:RadPane runat="server" ID="bottomLeftPane" Height="120px">
                              
                                <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%"
                                    Height="100%" >
                                    <Items>
                                        <telerik:RadPanelItem Text="Statistics"     />
        <telerik:RadPanelItem Text="Transactions"     />
           <telerik:RadPanelItem Text="Reports"     />
              <telerik:RadPanelItem Text="P.O"     />
              <telerik:RadPanelItem Text="Tables"     />
                 <telerik:RadPanelItem Text="Call Center"     />



                                    </Items>
                                </telerik:RadPanelBar>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                    <telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward" />
                    <telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                        </asp:ContentPlaceHolder>
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </telerik:RadPane>
        </telerik:RadSplitter>
        <telerik:RadWindowManager ID="RadWindowManager33" runat="server"
            EnableShadow="True" EnableViewState="False" ShowContentDuringLoad="False"
            Skin="Office2010Blue" VisibleStatusbar="False">
            <Windows>
                <telerik:RadWindow ID="RadWindow0" runat="server"
                    Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                    EnableShadow="True" Height="650px" Modal="True"
                    NavigateUrl="~/Views/​g_f.aspx" ShowContentDuringLoad="False"
                    Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
                    Width="600px">
                </telerik:RadWindow>
                <telerik:RadWindow ID="RadWindow1" runat="server" AutoSize="True"
                    Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                    EnableShadow="True" Height="450px" Modal="True"
                    NavigateUrl="~/Views/reports_​g.aspx" ShowContentDuringLoad="False"
                    Skin="Office2010Blue" style="display:none;" VisibleStatusbar="False"
                    Width="450px">
                </telerik:RadWindow>
                <telerik:RadWindow ID="RadWindow3" runat="server" AutoSize="True"
                    Behavior="Resize, Close, Move, Reload" Behaviors="Resize, Close, Move, Reload"
                    EnableShadow="True" Modal="True" NavigateUrl="~/Views/g_stauts_f.aspx"
                    ShowContentDuringLoad="true" Skin="Office2010Blue" style="display:none;"
                    VisibleStatusbar="False" Width="450px">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        <asp:PlaceHolder runat="server" ID="AnalyticsPlaceholder">
            <script type="text/javascript">

                var _gaq = _gaq || [];
                _gaq.push(['_setAccount', 'UA-111455-1']);
                _gaq.push(['_setDomainName', '.telerik.com']);
                _gaq.push(['_addIgnoredRef', 'telerik.com']);
                _gaq.push(['_trackPageview']);

                (function () {
                    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();

            </script>
        </asp:PlaceHolder>
    </form>
    </body>
    </html>​

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 02 Sep 2015 Link to this post

    Hello,

    To use AJAX with content in RadPanes, you should add a control like asp:Panel inside, as explained in the documentation: http://docs.telerik.com/devtools/aspnet-ajax/controls/splitter/how-to/ajax-updates.

    The AJAX settings from the RadAjaxManager insert programmatically created update panels around the Updated Controls, which results in UpdatePanel controls being inserted into the RadSplitter items collection which can only have panes.

    Regards,

    Marin Bratanov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top