Here is the issue, I have three aspx pages with asp panels with AjaxManager. I am displaying all three pages on a fourth page. The problem is all three pages have their separate ajax controls. When i click on a panels next button (to show results on the grid) on the fourth page where all three panels are displayed, the other panel disappears. please advice.
The code below is similar to all three pages:
<telerik:RadAjaxManagerProxy ID="uxRadAjaxManager" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="uxRadAjaxManager">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="uxAgentList" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="uxMyFirstAscxList" LoadingPanelID="gridLoadingPanel1"></telerik:AjaxUpdatedControl>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1">
</telerik:RadAjaxLoadingPanel>
<asp:Panel ID="uxMyFirstAscxList" runat="server" Style="margin-left: 0px; margin-right: 0px; margin-top: 5px;">
<asp:UpdatePanel ID="uxPanel" runat="server">
<ContentTemplate>
// My Template code
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
(all three pages are the same as above except the display different result sets)
And... on my Fourth Page where I have all three panel displayed:
<asp:Content ID="Content8" ContentPlaceHolderID="Body" runat="server">
<div id="right_column">
<div class="box">
<h2>Supervisor</h2>
<ucSupervisorList:SupervisorListSection ID="SupervisorListSection" UsePopFrame="true" EnableExport="false" AgentType="3" runat="server" />
</div>
<div class="box">
<h2>Branch</h2>
<ucBranchList:BranchListSection ID="BranchListSection" UsePopFrame="true" EnableExport="false" runat="server" />
</div>
<div class="box">
<h2>CorpPlan</h2>
<ucCorpPlanList:CorpPlanListSection ID="CorpPlanListSection" EnableExport="false" runat="server" />
</div>
<telerik:RadAjaxLoadingPanel runat="server" ID="gridLoadingPanel"></telerik:RadAjaxLoadingPanel>
</div>
</div>
<telerik:RadAjaxManager ID="uxRadAjaxManager" runat="server" ></telerik:RadAjaxManager>
</asp:Content>