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

Progress bar in grid

1 Answer 187 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Mugdha Aditya
Top achievements
Rank 1
Mugdha Aditya asked on 06 Sep 2010, 07:39 AM
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>

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 06 Sep 2010, 11:52 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Ajax
Asked by
Mugdha Aditya
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or