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

RadAjaxLoadingPanel now working

1 Answer 65 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Michelle Tan
Top achievements
Rank 1
Michelle Tan asked on 19 Oct 2012, 09:05 AM
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.

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 23 Oct 2012, 01:11 PM
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
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 their blog feed now.
Tags
Ajax
Asked by
Michelle Tan
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or