Grid not showing Loading Icon

6 posts, 0 answers
  1. Ravi
    Ravi avatar
    104 posts
    Member since:
    Oct 2012

    Posted 13 Jun 2011 Link to this post

    Hello,

    I am using Telerik AJAX Hierarchical Grid. I am using the version of 2010.3.1317.20. I cant upgrade to the latest version as the framework I am using .Net 2.0.

    Now the issues is, below is my code. I dont see the Ajax loader and also getting an error saying the two controls cannot have the ID. So I have changed the AjaxControlID in AjaxSettings.

    I want to show the busy icon on the grid, either the user do some action on the grid like clicking delete button on any of the row. or adding new rows to the grid or until the grid loads the data.

    I am assigning the datasource from the SQL Server database.

    My page where i have embedd the telerik grid is inside the contentplaceholder.

    <asp:UpdatePanel ID="upGetStatus" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                        <asp:Panel ID="pnlMain" runat="server">
                            <asp:Label ID="lblError" runat="server" Font-Bold="true" ForeColor="Red"></asp:Label>
                            <br />
                            <div id="Div1" style="z-index: 103; width: 80%; text-align: left" runat="server"
                                font-size="Large" font-names="Arial" font-bold="True" height="21px">
                                <div>
                                    <div style="width: 20%; float: left">
                                        <asp:Label ID="lblParentSerialNumber" runat="server">Parent Serial #</asp:Label>
                                    </div>
                                    <div style="width: 80%;">
                                        <asp:TextBox ID="txtParentSerialNumber" runat="server" Width="150px" CausesValidation="false"
                                            AutoPostBack="false" MaxLength="12"></asp:TextBox>                                    
                                    </div>
                                </div>
                                <div>
                                    <div style="width: 20%; float: left; height: 19px;">
                                        <asp:Label ID="lblSubSerialNumbers" runat="server">Sub Serial #</asp:Label>
                                    </div>
                                    <div style="width: 50%;">
                                        <asp:TextBox ID="txtSubSerialNumbers" runat="server" TextMode="MultiLine" Width="150px"
                                            Height="150px" AutoPostBack="false" CausesValidation="false"></asp:TextBox>
                                    </div>
                                </div>
                                <div style="float: right">
                                    <asp:Button ID="btnValidate" TabIndex="6" runat="server" Font-Bold="True" Width="130px"
                                        BackColor="DarkKhaki" Text="Validate and Save" CausesValidation="true"></asp:Button>
                                    <%-- <asp:Button ID="btnSave" TabIndex="4" runat="server" Font-Bold="True" Width="70px"
                                        BackColor="Green" Text="Save" Enabled="false" />--%>
                                    <asp:Button ID="btnClear" TabIndex="5" runat="server" Font-Bold="True" Width="70px"
                                        BackColor="Peru" Text="Clear" CausesValidation="false" />
                                </div>
                            </div>
                            <br />
                            <div style="width: 80%; text-align: left">
                                  
                            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                                <AjaxSettings>
                                    <telerik:AjaxSetting AjaxControlID="RadGrid11">
                                        <UpdatedControls>
                                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                                        </UpdatedControls>
                                    </telerik:AjaxSetting>
                                </AjaxSettings>
                            </telerik:RadAjaxManager>
                            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Width="95%"
                                Transparency="5">
                                <img style="border: 0; margin-top: 150px;" alt="Loading..." src="Images/infineralogo.gif" />
                            </telerik:RadAjaxLoadingPanel>
      
                            <telerik:RadGrid ID="RadGrid1" runat="server" Width="95%" ShowStatusBar="true" AutoGenerateColumns="False"
                                PageSize="10" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True"
                                AlternatingItemStyle-BackColor="Ivory" ItemStyle-BackColor="LightGoldenrodYellow"
                                HeaderStyle-BackColor="SandyBrown" GridLines="None">
                                <PagerStyle Mode="NumericPages"></PagerStyle>
                                <MasterTableView Width="100%" DataKeyNames="ParentSerialNumber" AllowMultiColumnSorting="False">
                                    <DetailTables>
                                        <telerik:GridTableView DataKeyNames="SerialNoAssociateId" Name="SubSerialNumberGrid"
                                            Width="100%" AllowSorting="true">
                                            <Columns>
                                                <telerik:GridBoundColumn SortExpression="SerialNoAssociateId" HeaderText="SerialNoAssociateId"
                                                    HeaderButtonType="TextButton" DataField="SerialNoAssociateId" Visible="false">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn SortExpression="ParentSerialNumber" HeaderText="ParentSerialNumber"
                                                    HeaderButtonType="TextButton" DataField="ParentSerialNumber" Visible="false">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn SortExpression="SubSerialNumber" HeaderText="Sub Serial Number"
                                                    HeaderButtonType="TextButton" DataField="SubSerialNumber">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridButtonColumn HeaderText="Delete" ConfirmTitle="MPT" ConfirmDialogType="Classic"
                                                    ButtonType="ImageButton" ConfirmText="Are you sure you want to delete?" ItemStyle-HorizontalAlign="Left"
                                                    CommandName="DeleteSubSerial" Text="Delete" ImageUrl="Images/Delete.jpg">
                                                </telerik:GridButtonColumn>
                                            </Columns>
                                        </telerik:GridTableView>
                                    </DetailTables>
                                    <Columns>
                                        <telerik:GridBoundColumn SortExpression="ParentSerialNumber" HeaderText="Parent Serial Number"
                                            HeaderButtonType="TextButton" DataField="ParentSerialNumber">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                            </telerik:RadGrid>
                            </div>
                            <br />
                            <div style="width: 80%; text-align: left">
                                <asp:DataGrid ID="dgdErrors" runat="server" AutoGenerateColumns="true" CellSpacing="2"
                                    GridLines="None" Visible="false">
                                    <AlternatingItemStyle BackColor="Ivory"></AlternatingItemStyle>
                                    <ItemStyle BackColor="LightGoldenrodYellow"></ItemStyle>
                                    <HeaderStyle BackColor="SandyBrown"></HeaderStyle>
                                </asp:DataGrid>
                            </div>
                        </asp:Panel>
                    </ContentTemplate>
                </asp:UpdatePanel>
  2. Ravi
    Ravi avatar
    104 posts
    Member since:
    Oct 2012

    Posted 13 Jun 2011 Link to this post

    Any updates??

    Early response is appreciated as this is critical.

    Thanks,
    Shiras
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ravi
    Ravi avatar
    104 posts
    Member since:
    Oct 2012

    Posted 14 Jun 2011 Link to this post

    I am still wating for your response.

    Thanks,
  5. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 15 Jun 2011 Link to this post

    Hi David,

    Remove the ASP:UpdatePanel definition and see if it works.

    Regards,
    Iana
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. Ravi
    Ravi avatar
    104 posts
    Member since:
    Oct 2012

    Posted 16 Jun 2011 Link to this post

    I tried commenting ASP:UpdatePanel, but no luck.

    Any other suggestion ??

    Thanks,
  7. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 20 Jun 2011 Link to this post

    Hi David,

    I reviewed the code again and I think I found the cause of the problem. In the ajax setting you specified as ajax initiator control RadGrid11 where it should be RadGrid1. Let me know if this helps.

    Regards,
    Iana
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017