Progress bar in grid

2 posts, 0 answers
  1. Mugdha Aditya
    Mugdha Aditya avatar
    71 posts
    Member since:
    Mar 2010

    Posted 06 Sep 2010 Link to this post

    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>
  2. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 06 Sep 2010 Link to this post

    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
Back to Top