RadAjaxLoadingPanel now working

[Michelle Tan]

Hi,

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnSubmit">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="gvStaff" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="panMessage" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="gvStaff">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="panMessage" />
                </UpdatedControls>
            </telerik:AjaxSetting>

        </AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Style="position: absolute;
        top: 200px; left: 600px;" IsSticky="True">
        <div class="overlay" id="divProgress" style="position: absolute; visibility: visible;
            vertical-align: middle; border-style: inset; border-color: black; background-color: White;
            width: 200px; height: 100px; font-size: medium;">
            <center>
                <div style="margin-top: 30px;">
                    <asp:Image GenerateEmptyAlternateText="true" ID="imgLoader" runat="server" ImageUrl="~/images/ajax_loading.gif"
                        Style="margin-top: 7px;" />
                    <asp:Label ID="lblWait" runat="server" Text="Please wait..."></asp:Label>
                </div>
            </center>
        </div>
    </telerik:RadAjaxLoadingPanel>


<telerik:RadGrid ID="gvStaff" runat="server" AllowPaging="True" AutoGenerateColumns="False"
            CellSpacing="0" GridLines="None" Width="100%" PageSize="20" Visible="False" AllowSorting="true">
            <MasterTableView AllowMultiColumnSorting="true">
                <CommandItemSettings ExportToPdfText="Export to PDF" />
                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                </RowIndicatorColumn>
                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridButtonColumn Text="Select" CommandName="Select">
                    </telerik:GridButtonColumn>
                    <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" HeaderText="StaffID"
                        UniqueName="TemplateColumn" SortExpression="StaffID">
                        <ItemTemplate>
                            <asp:Label ID="staffID" runat="server" Text='<%# Bind("StaffID") %>'></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Justify" />
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column" HeaderText="Staff Name"
                        UniqueName="TemplateColumn" SortExpression="Name">
                        <ItemTemplate>
                            <asp:Label ID="Name" runat="server" Text='<%# Bind("Name") %>'></asp:Label>
                        </ItemTemplate>
                        <ItemStyle HorizontalAlign="Justify" />
                    </telerik:GridTemplateColumn>
                  </Columns>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                    </EditColumn>
                </EditFormSettings>
            </MasterTableView>
            <HeaderStyle HorizontalAlign="Justify" />
            <FilterMenu EnableImageSprites="False">
            </FilterMenu>
        </telerik:RadGrid>

The radAjaxLoadingPanel not working when the search button is click and the radgrid will display out the result. The loading panel only working when click the submit button second time after the page load. Please help. Thanks.

[Eyup]

Hello Michelle,

I have created a sample RadGrid web site using the provided code snippet. On my side everything works as expected and the LoadingPanel is being displayed correctly even on first submit. Please check out the attached application and try to determine the crucial differences between our projects.

Please note that I have set MinDisplayTime="1000" for test reasons.

Kind regards,
Eyup
the Telerik team