Loading panel not showing for RadButton

2 posts, 0 answers
  1. TonyG
    TonyG avatar
    239 posts
    Member since:
    Feb 2006

    Posted 14 Dec 2013 Link to this post

    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!
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 18 Dec 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top