This is a migrated thread and some comments may be shown as answers.

Splitter Items Collection must contain SplitterItem objects

1 Answer 15 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Saed
Top achievements
Rank 1
Saed asked on 01 Sep 2015, 05:22 PM

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>​

 

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 02 Sep 2015, 05:21 AM

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
Tags
Splitter
Asked by
Saed
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or