telerik:AjaxUpdatedControl Issue

2 posts, 0 answers
  1. chandan singh
    chandan singh avatar
    10 posts
    Member since:
    Aug 2009

    Posted 23 May 2012 Link to this post

    Hi Team,
    I am trying to load user control from "telerik:AjaxUpdatedControl" but each and every time all the user control is loaded ,
    I want to load one user control at a time for that i written code like this:

    <telerik:RadAjaxManager ID="ajaxMgrJobDetails" runat="server" OnAjaxRequest="ajaxMgrJobDetails_AjaxRequest">
            <AjaxSettings>
                   <telerik:AjaxSetting AjaxControlID="pnlDetailsCandidate">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="pnlDetailsCandidate" LoadingPanelID="radAjaxLoadingPanel1" />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="PanelJobDocuments">
                     <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PanelJobDocuments" LoadingPanelID="radAjaxLoadingPanel1" />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="PanelJobNotes">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PanelJobNotes" LoadingPanelID="radAjaxLoadingPanel1" />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                     <telerik:AjaxSetting AjaxControlID="PanelJobDetails">
                     <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PanelJobDetails" LoadingPanelID="radAjaxLoadingPanel1" />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                     <telerik:AjaxSetting AjaxControlID="PanelJobTasks">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PanelJobTasks" LoadingPanelID="radAjaxLoadingPanel1"   />
                    </UpdatedControls>
                    </telerik:AjaxSetting>
                     <telerik:AjaxSetting AjaxControlID="PaneJobHistory">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="PaneJobHistory"  />
                    </UpdatedControls>
                     </telerik:AjaxSetting>
                  
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadWindowManager runat="Server" ID="RadWindowManager1" Modal="true" EnableViewState="false"
            Width="870px" ShowContentDuringLoad="false" VisibleStatusbar="false"
            ReloadOnShow="true" Height="550px">
            <Windows>
                <telerik:RadWindow runat="server" ID="Edit" Width="870px" Title="Close Job" Height="550px"
                    ReloadOnShow="true" ShowContentDuringLoad="false" Modal="True" Behaviors="Close,Move,Resize"
                    VisibleStatusbar="false">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
       <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
     
    and after that i am trying to load particular user control like below:
     
     <telerik:RadPane ID="RadPane2" Height="100%" BorderWidth="1px" BorderStyle="Solid"
                            runat="server" Scrolling="None">
                            <asp:Panel ID="pnlDetailsInnerContent" SkinID="DetailsInnerContent" runat="server"
                                ScrollBars="None">

                                 
    <telerik:RadPane ID="RadPane2" Height="100%" BorderWidth="1px" BorderStyle="Solid"
                           runat="server" Scrolling="None">
                           <asp:Panel ID="pnlDetailsInnerContent" SkinID="DetailsInnerContent" runat="server"
                               ScrollBars="None">
                                 
                                 
                                <asp:Panel ID="pnlDetailsCandidate" SkinID="DetailsInnerContent" runat="server">
                                   <telerik:RadMultiPage ID="radPageDetails" runat="server" Width="100%" Height="100%">
                                       <telerik:RadPageView ID="radPageCandidates" runat="server" Height="100%" Selected="true">
                                           <uc6:JobCandidates ID="JobCandidates1" runat="server" />
                                        </telerik:RadPageView>
                                  </telerik:RadMultiPage>
                                 </asp:Panel>
                                    
                                  <asp:Panel ID="PanelJobDetails" SkinID="DetailsInnerContent" runat="server">
                                      <telerik:RadMultiPage ID="RadMultiPage2" runat="server" Width="100%" Height="100%">
                                           <telerik:RadPageView ID="radPageJobDetails" runat="server" Height="100%">
                                               <uc1:JobDetail ID="JobDetail1" runat="server" />
                                           </telerik:RadPageView>
                                       </telerik:RadMultiPage>
                                   </asp:Panel>
                                     
                                   <asp:Panel ID="PanelJobNotes" SkinID="DetailsInnerContent" runat="server">
                                       <telerik:RadMultiPage ID="RadMultiPage3" runat="server" Width="100%" Height="100%">
                                           <telerik:RadPageView ID="radPageNotes" runat="server" Height="100%">
                                               <uc2:JobNotes ID="JobNotes1" runat="server" />
                                           </telerik:RadPageView>
                                          </telerik:RadMultiPage>
                                    </asp:Panel>
                                   <asp:Panel ID="PanelJobDocuments" SkinID="DetailsInnerContent" runat="server">
                                       <telerik:RadMultiPage ID="RadMultiPage4" runat="server" Width="100%" Height="100%">
                                           <telerik:RadPageView ID="radPageDocs" runat="server" Height="100%" Width="100%">
                                               <uc3:JobDocuments ID="JobDocuments1" runat="server" />
                                            </telerik:RadPageView>
                                        </telerik:RadMultiPage>
                                   </asp:Panel>
                                    
                                    <asp:Panel ID="PaneJobHistory" SkinID="DetailsInnerContent" runat="server">
                                       <telerik:RadMultiPage ID="RadMultiPage5" runat="server" Width="100%" Height="100%">
                                           <telerik:RadPageView ID="radPageHistory" runat="server" Height="100%">
                                               <uc4:JobHistory ID="JobHistory1" runat="server" />
                                           </telerik:RadPageView>
                                       </telerik:RadMultiPage>
                                   </asp:Panel>
                                    
                                   <asp:Panel ID="PanelJobTasks" SkinID="DetailsInnerContent" runat="server">
                                       <telerik:RadMultiPage ID="RadMultiPage6" runat="server" Width="100%" Height="100%">
                                           <telerik:RadPageView ID="radPageTasks" runat="server" Height="100%">
                                               <uc5:JobTasks ID="JobTasks1" runat="server" />
                                           </telerik:RadPageView>
                                        </telerik:RadMultiPage>      
                                   </asp:Panel>
                                    
                                
                           </asp:Panel>
                       </telerik:RadPane>
                      
    Here when i try to load user control <uc6:JobCandidates ID="JobCandidates1" runat="server" /> 
    each time all the user control is loaded. How could I load one user control at a time with the help of telerik Ajax.
  2. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 25 May 2012 Link to this post

    Hello,

    As all the panels you ajaxify are in the same RadMultiPage, I would suggest that you remove the separe setting for the panels and ajaxify the MultiPage, by setting it as ajax initiator and as updated control. Then in order only one control to be loaded, set the RenderSelectedPageOnly property of the MultiPage to true. To change the selected PageView, you will need to perform postback. If the control for changing the selected page view is outside the MultiPage, then you will need to add one more setting, where this control updates the MultiPage.

    All the best,
    Iana Tsolova
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top