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

Grid not showing Loading Icon

5 Answers 222 Views

Grid

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

Ravi asked on 13 Jun 2011, 08:59 AM

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 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 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>

<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>

Grid not showing Loading Icon

5 Answers, 1 is accepted