[Solved] The AjaxLoadingPanel not appearing for the ajaxified child controls of a usercontrol which is an itemtemplate for the RadPanelItem

[Mausami]

Hello Sir/Madam,

I have a problem while using the RadPanelBar.
I have an aspx page with a radPanel bar. The RadPanelItems have user control has an item template

<telRAD:RadPanelBar ID="radOptionExercisePanelBar" runat="server" Width="100%" Height="98%"
ExpandMode="SingleExpandedItem" AllowCollapseAllItems="false">
    <Items>
        <telRAD:RadPanelItem runat="server" Text="Step 1 : Employee search" Expanded="true"
                    Selected="true" CssClass="radPanelCssClass" ExpandedCssClass="ExpandedCssClass">
                <Items>
                        <telRAD:RadPanelItem runat="server" Value="EmployeeSearch">
                                <ItemTemplate>
                                            <div id="divEmployeeSearch" class="fullWidthDiv">
                                                        <uc1:EmpSearch ID="uclEmpSearch" runat="server" />
                                            </div>
                                </ItemTemplate>
                        </telRAD:RadPanelItem>
            </Items>
    </telRAD:RadPanelItem>
    
    <telRAD:RadPanelItem runat="server" Value="EmployeeDetails" Text="Step 2 : Employee details"
                    Enabled="false" Expanded="false" CssClass="radPanelCssClass" ExpandedCssClass="ExpandedCssClass">
        <Items>
                    <telRAD:RadPanelItem runat="server">
                            <ItemTemplate>
                                    <div id="divEmployeeDetails" class="fullWidthDiv">
                                                    <uc2:EmpDetails runat="server" ID="uclEmployeeDetails" />
                                    </div>
                            </ItemTemplate>
                </telRAD:RadPanelItem>
        </Items>
    </telRAD:RadPanelItem>
<Items>
</telRAD:RadPanelBar>

 

I have placed the rad ajax manager on the aspx page as given below
<radA:RadAjaxManager ID="radAjxMgr" runat="server">
<AjaxSettings>
<radA:AjaxSetting AjaxControlID="radOptionExercisePanelBar">
<UpdatedControls>
<radA:AjaxUpdatedControl ControlID="radOptionExercisePanelBar" LoadingPanelID="radAjxLoadPanel"/>
</UpdatedControls>
</radA:AjaxSetting>
</AjaxSettings>
</radA:RadAjaxManager>

Also I have placed rad ajax managers in the individual user controls to ajaxify certain controls like button, grid etc.
I move from one panel to another panel using a button 'Next' placed on each user control.

If I remove the ajax on RadPanelBar from the parent page the ajaxLoading panel gets loaded for each control that is ajaxified on the user control. While moving from one panel to another it goes for a postback.

If I ajaxify the RadPanelBar in the parent page. Now moving from one panel to another is using ajax ; all the child controls in the user controls also behave in ajaxified manner. But the problem is the individual ajaxLoading panels don't  get loaded for each child control actions which used to happen in the previous case. There is only one loading panel seen on the top of the RadPanelBar on each action of the child controls.

Is there any way I can get the individual ajax loading panels.

Or Am I going wrong somewhere in placing the ajax managers.
Grateful if you could guide me in this issue.

 
Thanks,
Regards,
Mausami

[Mausami]

Hello Sir/Madam,

I have noticed one more thing .
If I ajaxify the RadPanelBar in the parent page, the ajaxified controls in the user controls have stopped alerting messages which have been called through the Alert method of ajaxmanager [ radAjxMgr.Alert(message) ; ]  in the server side code.

Please let me know the solution.

Thanks.
Regards,
Mausami

[Pavlina]

Hello Mausami,

RadAjax for ASP.NET AJAX Manager allows a single instance of the control on the same page only. One cannot place manager in the main page and second instance inside a user control anymore.
RadAjaxManagerProxy control should be added inside a WebUserControl and configured the same way as the manager to AJAX-enable the user control.
For more info, please review the following links:
RadAjax and WebUserControls
User Controls/Master pages

Regards,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.