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

Loading panel not showing for RadButton

1 Answer 195 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
TonyG
Top achievements
Rank 1
TonyG asked on 14 Dec 2013, 07:37 PM
I've read a number of similar postings in this forum but I'm unable to find one that helps with this...

I have a Default.aspx page (no master page) with a RadAjaxManager and associated RadAjaxLoadingPanel.
On this page I have user controls, one for filters, one for a summary grid, and one for a detail grid.
The flow is that the user makes changes in the filter, clicks Run, and they get data in the summary grid. Click a row in the summary and they get detail.

When the user ticks various options in the filter user control, I see the loading panel in the parent. But not when they click the RadButton.

The user control for the filter has a RadAjaxManagerProxy.
All filter controls including the RadButton are nested in an asp:Panel, which is ajaxified in the proxy via markup.
In order to get the button to trigger an update of the summary or detail user controls in the parent, I use codebehind in Page_Load:

parentPage.AjaxManager.AjaxSettings.AddAjaxSetting(btnRun, parentPage.DetailControl, parentPage.LoadingPanel);
parentPage.AjaxManager.AjaxSettings.AddAjaxSetting(btnRun, parentPage.SummaryControl, parentPage.LoadingPanel);

Again, other controls in this usercontrol / filter activate the loading panel, and clicking the button does update the other user controls with he grids. But the parent loading panel is not activated from the button.

In the above, the parentPage is loaded from the parent/container when this UC is initialized (I could probably have used the Page property...).

Here's the button and related container:
<telerik:RadAjaxManagerProxy ID="RMP1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="Panel1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Panel1" UpdatePanelCssClass="" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>
...
<asp:Panel ID="Panel1" runat="server" Width="1000px">
    <table border="0" style="width: 852px">
...
   <tr>
       <td>
           <div runat="server" id="dExecute" style="margin-top: 20px;">
               <telerik:RadButton ID="btnRun" runat="server" Text="Run" OnClick="btnRun_Click"/>
           </div>
       </td>
   </tr>
    </table>
</asp:Panel>

The parentPage.LoadingPanel is defined in the parent (Default.aspx) as:
public RadAjaxLoadingPanel LoadingPanel
{
    get
    {
        return this.ralp1;
    }
}

After the AddAjaxSetting calls above I do see that the button is ajaxified in the parent manager with the ralp1 loading panel.

For testing purposes I've also added a 5 second delay in the generation of the grid to ensure the loading panel triggers.

It looks like it's wired up, it just doesn't display.

Thanks!

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 18 Dec 2013, 01:58 PM
Hi Tony,

Could you please ensure that you have Skin property set for the RadAjaxLoadingPanel in the content page where it is declared? If not please try to set a Skin and verify if this helps.

Regards,
Maria Ilieva
Telerik
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 the blog feed now.
Tags
Ajax
Asked by
TonyG
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or