telerik:AjaxUpdatedControl Issue

[chandan singh]

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.

[Iana Tsolova]

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