trying to add loading panel to my grid

4 posts, 0 answers
  1. Doug
    Doug avatar
    68 posts
    Member since:
    Aug 2014

    Posted 17 Aug Link to this post

    my code below.
    no loading is shown - I have min time = 14 seconds
    no alert is ever called
    my grid I create and bind with code behind.

    why is the loading panel not showing? what am I missing
    is there a way for me to explicit call the show loading?
    function requestStart(sender, eventArgs) {
        alert('Request start initiated by: ' + eventArgs.get_eventTarget());
    }
    <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" MinDisplayTime="14000"  Skin="Default" Modal="true">
    <asp:Label ID="Label2" runat="server" ForeColor="Red">Loading... </asp:Label>
    <asp:Image ID="Image1" runat="server" Width="224px" Height="48px" ImageUrl="/colors.png"></asp:Image>
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <ClientEvents OnRequestStart="requestStart" />
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="gv">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="gv" LoadingPanelID="LoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadGrid RenderMode="Lightweight" ID="gv" runat="server" AutoGenerateColumns="false" CellSpacing="1" EnableViewState="true" />
  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 22 Aug Link to this post

    Hello Doug,

    Based on the provided information it would be hard to pinpoint what is causing the behavior. The loading image should be displayed when the grid triggers a postback (e.g. on paging, sorting, etc.).

    Nevertheless, would you remove the custom text and image from the loading panel and see if the behavior changes. Also, remove the Modal property.

    <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" Skin="Default" >
    </telerik:RadAjaxLoadingPanel>


    Regards,
    Viktor Tachev
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Doug
    Doug avatar
    68 posts
    Member since:
    Aug 2014

    Posted 22 Aug in reply to Viktor Tachev Link to this post

    first issue solved by changing the controlid to my button that gets my form
    <telerik:AjaxSetting AjaxControlID="btnGetForm">

    next issue was "The Controls collection cannot be modified because the control contains code blocks"
    which I just had to put my <%=... into RadScriptBlocks

    next issue was my grid was visible=false so I targeted my loading panel control to an outer asp:panel
    now it worked ok but tended to add javascript time onto the page which in my specific case was already too much. I then had an issue that my grid is linking to a list and repeater that are shown separately and when I went into that area nothing showed.

    like I said before my code is very complex. but at least I solved the issue of it to show now. I can use it in other areas as-is.

    for this page I think I will just look into a direct showing a modal loading overlay and hiding it when my script ends.





  5. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1488 posts

    Posted 23 Aug Link to this post

    Hello Doug,

    I am glad that you have the issue resolved. Thank you for sharing the resolution with the community. This can help someone observing similar behavior.

    Regards,
    Viktor Tachev
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top