Grid not showing Loading Icon

[Ravi]

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>

[Ravi]

Any updates??

Early response is appreciated as this is critical.

Thanks,
Shiras

[Ravi]

I am still wating for your response.

Thanks,

[Iana Tsolova]

Hi David,

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

Regards,
Iana
the Telerik team

[Ravi]

I tried commenting ASP:UpdatePanel, but no luck.

Any other suggestion ??

Thanks,

[Iana Tsolova]

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