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

telerik:AjaxUpdatedControl Issue

1 Answer 138 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
chandan singh
Top achievements
Rank 1
chandan singh asked on 23 May 2012, 11:00 AM
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.

1 Answer, 1 is accepted

Sort by
0
Iana Tsolova
Telerik team
answered on 25 May 2012, 01:46 PM
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.
Tags
Ajax
Asked by
chandan singh
Top achievements
Rank 1
Answers by
Iana Tsolova
Telerik team
Share this question
or