RadAjaxLoadingPanel and asp.net Gridview

[Mansi]

Hi,

I am using asp.net gridview with some imagebuttons. On click of those imagebuttons, i am opening greybox popups.
Now when user closes the greybox, it reloads the main page, with the help of one hidden button click, "   __doPostBack('ctl00$cphMainContent$btnPostBck',''); ".

I want to display the Loading image over the grid, when it reloads the page. Here is a code I am using.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="btnPostBck" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Width="100%" Height="100%"

BorderWidth="1px">

<table id="Table1" cellspacing="0" cellpadding="0" border="0" align="center" class="MainTable">

<tr>

<td valign="top">

<table id="Table3" cellspacing="0" cellpadding="2" border="0" width="100%" align="center"

class="InnerTable">

<tr>

<td colspan="2">

<telerik:RadXmlHttpPanel ID="XmlHttpPanelGrid" runat="server" OnServiceRequest="XmlHttpPanel_ServiceRequest">

<table width="100%">

<tr>

<td>

<asp:GridView ID="dtBook" runat="server" AllowPaging="true" AllowSorting="true" AutoGenerateColumns="False"

BorderStyle="solid" CellPadding="4" DataKeyNames="BookID,writerid,ExerciseVideos"

HeaderStyle-CssClass="pagelabel" HorizontalAlign="Left" PageSize="30" RowStyle-Wrap="true"

Width="100%">

<HeaderStyle CssClass="pagelabel" />

<RowStyle CssClass="pagelabel" />

<AlternatingRowStyle CssClass="AltPageLabel" />

<SelectedRowStyle BackColor="#FFFFC0" />

<EmptyDataTemplate>

<asp:Label ID="lblNoData" runat="server" Style="text-align: center;" ForeColor="red"

Text="<%$ Resources:WebResource , Logbook_Norecord%>"></asp:Label></EmptyDataTemplate>

<PagerStyle Font-Names="Verdana" HorizontalAlign="Center"></PagerStyle>

<Columns>

<asp:TemplateField HeaderText="<%$ Resources:WebResource , BookRead_Date%>" SortExpression="Bookdate">

<ItemStyle CssClass="pagelabel" Width="10%" />

<HeaderStyle HorizontalAlign="Left" Width="10%" />

<ItemTemplate>

<asp:Label ID="lblDate" runat="server"></asp:Label><br />

<asp:Label ID="lblFor" runat="server" Text="<%$ Resources:WebResource , BookRead_For%>"></asp:Label>

<asp:Label ID="lblType" runat="server"></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField>

<ItemStyle CssClass="pagelabel" Width="10%" />

<HeaderStyle HorizontalAlign="Left" Width="10%" />

<HeaderTemplate>

<asp:Label ID="Label2" runat="server" Text="<%$ Resources:WebResource , BookRead_Comments %>"></asp:Label>

</HeaderTemplate>

<ItemTemplate>

<asp:HiddenField ID="hidId" runat="server" Value='<%# Eval("Bookid") %>' />

<table border="0" align="center" width="100%">

<tr>

<td>

&nbsp;

<asp:ImageButton ID="lnkAdd" runat="server" ImageUrl="~/Images/comment1.png" CommandArgument='<%Eval("Bookid") %>'

CommandName="UploadVideo" ToolTip="<%$ Resources:WebResource , BookRead_Comments_Add %>" />

</td>

<td>

&nbsp;

<asp:ImageButton ID="lnkView" runat="server" ImageUrl="~/Images/comment3.png" ToolTip="<%$ Resources:WebResource , BookRead_Comments_Read %>">

</asp:ImageButton>

</td>

</tr>

<tr style="display: none;">

<td>

&nbsp;</td>

<td align="center">

<asp:Label ID="lblCommentCount" runat="server" ForeColor="green"></asp:Label>

</td>

</tr>

</table>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<PagerStyle Font-Names="Verdana" HorizontalAlign="Center"></PagerStyle>

</asp:GridView>

</td>

</tr>

</table>

</telerik:RadXmlHttpPanel>

</td>

</tr>

</table>

</td>

</tr>

</table>

<asp:Button ID="btnPostBck" runat="server" Text="Postback" CausesValidation="false"

Visible="false" />

</asp:Panel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="center"

EnableSkinTransparency="false" Height="75px" Width="75px" Transparency="25">

<asp:Image ID="Image1" runat="server" ImageUrl="../Images/Loading/loading-spiral.gif">

</asp:Image>

<img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

alt="Loading..." style="border: 0;" />

</telerik:RadAjaxLoadingPanel>

Protected Sub btnPostBck_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnPostBck.Click

Response.Redirect("bookread.aspx", False)

End Sub

But this is not working as per my requirement. Where I am doing wrong??

Protected Sub btnPostBck_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnPostBck.Click

Response.Redirect("bookread.aspx", False)

End Sub

[Pavlina]

Hello Mansi,

I noticed that you have opened a duplicate post on the same matter. Please, refer to the other forum post for additional information. To avoid duplicate posts, we can continue our communication there.

Greetings,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.