I have a web page with multiple blocs that can be updated individually, every bloc is a usercontrol.
These usercontrols are in an ASPX and I have a masterpage.
When I click a list on top of my page, I want to update 3 usercontrol below and have the ajaxloadingpanel visible on top of every usercontrol, so if they take longer to update, every UC will have its ajaxupdate disappearing not at the same time.
When I do my select action on the top control, this radgrid is ajax updated and I see the loadingpanel on top of it. Also, my 3 usercontrol are ajax-updated successfully, but I do not see the loadingpanel on top of them.
Details: the dgproducts table is ajax updated and I see the default loadingpanel from the masterpage on top of it.
The ProductlinkUC, ProductCountryUC and ProductCategoryUC ARE ajax-updated but I do not see the loadingpanel on top of them.
What I am doing wrong?
masterpage:
aspx page:
These usercontrols are in an ASPX and I have a masterpage.
When I click a list on top of my page, I want to update 3 usercontrol below and have the ajaxloadingpanel visible on top of every usercontrol, so if they take longer to update, every UC will have its ajaxupdate disappearing not at the same time.
When I do my select action on the top control, this radgrid is ajax updated and I see the loadingpanel on top of it. Also, my 3 usercontrol are ajax-updated successfully, but I do not see the loadingpanel on top of them.
Details: the dgproducts table is ajax updated and I see the default loadingpanel from the masterpage on top of it.
The ProductlinkUC, ProductCountryUC and ProductCategoryUC ARE ajax-updated but I do not see the loadingpanel on top of them.
What I am doing wrong?
masterpage:
<form id="form1" runat="server" style="height: 100%;"> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
</telerik:RadScriptManager> |
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1"> |
</telerik:RadAjaxManager> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Transparency="1" |
Width="75px"> |
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' |
style="border: 0px;" /> |
</telerik:RadAjaxLoadingPanel> |
<asp:Content ID="Content2" ContentPlaceHolderID="CenterContent" runat="server"> |
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server" > |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="dgproducts" EventName="SelectedIndexChanged"> |
<UpdatedControls> |
<!-- I DO NOT SEE UPDATEPANEL FOR THIS CONTROL AND THE 2 OTHERS UC --> |
<telerik:AjaxUpdatedControl ControlID="ProductLinkUC1" LoadingPanelID="RadAjaxLoadingPanel1" /> |
<telerik:AjaxUpdatedControl ControlID="ProductCountryUC1" LoadingPanelID="RadAjaxLoadingPanel2" /> |
<telerik:AjaxUpdatedControl ControlID="ProductCategoryUC1" LoadingPanelID="RadAjaxLoadingPanel3" /> |
<!-- EVERYTHING OK FOR DGPRODUCTS --> |
<telerik:AjaxUpdatedControl ControlID="dgproducts" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManagerProxy> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" |
Width="75px"> |
<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' |
style="border: 0px;" /> |
</telerik:RadAjaxLoadingPanel> |
(also loadingpanel2, loadingpanel3) |
... |
<telerik:RadGrid ID="dgproducts" runat="server" AutoGenerateColumns="False" DataSourceID="dsproduct" |
GridLines="None" Skin="WBS" EnableEmbeddedSkins="False" AllowAutomaticUpdates="true"> |
... |
</telerik:RadGrid> |
<table cellpadding="0" cellspacing="0" border="0"> |
<tr> |
<td style="vertical-align: top"> |
<uc1:ProductLinkUC ID="ProductLinkUC1" runat="server" /> |
<uc1:ProductCountryUC ID="ProductCountryUC1" runat="server" /> |
</td> |
<td style="vertical-align: top"> |
<uc1:ProductCategoryUC ID="ProductCategoryUC1" runat="server" /> |
</td> |
</tr> |
</table> |