Progress bar in grid

[Mugdha Aditya]

Hello,

I need to display progress bar on grid loading.

i did following code still its not showing any progressbar and page wud get postback.

M i missing anything.

 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                                <td align="center" valign="top">
                                        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="gridEstVAl">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="gridEstVAl" LoadingPanelID="RadAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
                                 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
                                    <telerik:RadGrid runat="server" ID="gridEstVAl" AutoGenerateColumns="False" Width="100%"
                                        PageSize="20" GridLines="None" AutoGenerateEditColumn="false" AllowMultiRowSelection="false"
                                        EnableViewState="true" AllowMultiRowEdit="false" AllowSorting="true" OnItemDataBound="gridEstVAl_ItemDataBound"
                                        OnNeedDataSource="gridEstVAl_NeedDataSource" AllowPaging="True" OnPageIndexChanged="gridEstVAl_PageIndexChanged"
                                        OnUpdateCommand="gridEstVAl_UpdateCommand">
                                        <HeaderContextMenu EnableAutoScroll="True">
                                        </HeaderContextMenu>
                                        <MasterTableView DataKeyNames="DeliveryId,CanDeliver" EditMode="PopUp" ShowHeader="true"
                                            AutoGenerateColumns="false" EnableViewState="true">
                                            <NoRecordsTemplate>
                                                Records Not Found</NoRecordsTemplate>
                                            <SortExpressions>
                                                <telerik:GridSortExpression FieldName="Age" SortOrder="Descending" />
                                            </SortExpressions>
                                            <EditFormSettings EditFormType="Template" PopUpSettings-Modal="true" CaptionFormatString="Update Estimate Validity Details"
                                                PopUpSettings-Height="400px" PopUpSettings-Width="550px" EditColumn-ItemStyle-Font-Bold="true"
                                                EditColumn-ItemStyle-ForeColor="Red">
                                                <FormTemplate>
                                                    <table border="0">
                                                        <tr>
                                                            <td align="left">
                                                                <label id="lblCanDel" title="Can Deliver" class="Label-Normal">
                                                                    Can Deliver
                                                                </label>
                                                                &nbsp;&nbsp;
                                                                <asp:DropDownList ID="drdDeliver" runat="server" CssClass="grid-text" Width="50px">
                                                                    <asp:ListItem Value="1">YES</asp:ListItem>
                                                                    <asp:ListItem Value="0">NO</asp:ListItem>
                                                                </asp:DropDownList>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" valign="middle">
                                                                <label id="lblComm" title="Comment" class="Label-Normal">
                                                                    Comment
                                                                </label>
                                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                                                <asp:TextBox ID="txtcomm" runat="server" TextMode="MultiLine" Width="400px" Height="250px"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <br />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left">
                                                                <asp:Button ID="btnUpdate" CommandName="Update" Text="Update" runat="server" CssClass="button" />&nbsp;&nbsp;
                                                                 <asp:Button ID="btnCancel" CommandName="Cancel" Text="Cancel" runat="server" CssClass="button" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </FormTemplate>
                                                <EditColumn ItemStyle-ForeColor="Red">
                                                </EditColumn>
                                            </EditFormSettings>
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="Invcoid" UniqueName="Invcoid" HeaderText="CO.ID"
                                                    HeaderStyle-HorizontalAlign="Center">
                                                    <HeaderStyle HorizontalAlign="Center" />
                                                    <ItemStyle HorizontalAlign="Center" Width="30px" />
                                                </telerik:GridBoundColumn>
                                                <telerik:GridEditCommandColumn UniqueName="Edit" HeaderText="Update" ButtonType="LinkButton"
                                                    UpdateText="Update" CancelText="Cancel" EditText="Edit">
                                                    <HeaderStyle HorizontalAlign="Center" />
                                                    <ItemStyle HorizontalAlign="Center" />
                                                </telerik:GridEditCommandColumn>
                                            </Columns>
                                        </MasterTableView>
                                        <ClientSettings>
                                            <Selecting AllowRowSelect="false"/>
                                            <ClientEvents OnPopUpShowing="PopUpShowing"/>
                                        </ClientSettings>
                                    </telerik:RadGrid>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <br />
                                </td>
                            </tr>
                        </table>

[Pavlina]

Hello Mugdha,

Although RadAjaxLoadingPanel is designed to be shown on AJAX updates, someone would like to show it on initial page load as well. It is not supported out of the box, however it is easy achievable using some additional code. More info is available in this help topic:
Show RadAjaxLoadingPanel on initial page load

Regards,
Pavlina
the Telerik team