how to add update progress over the update panel

hi ,

 

how do i add the update progress show over the updatepanel. not as a page model dialog.. but just over the associated update panel.thanks in advance 


http://www.Aneef.net
0
shadowcodes
9/21/2008 7:01:33 AM
asp.net.ajax-ui 9760 articles. 0 followers. Follow

4 Replies
677 Views

Similar Articles

[PageSpeed] 57

Use the AssociatedUpdatePanelD property of UpdateProgress. UpdateProgress will only be visible when updatepanel takes some time to update itself otherwise you will not b able to see UpdateProgress...


Best Regards,
Waqas
0
malikvakaz
9/21/2008 12:25:46 PM

You associate an UpdateProgress control with an UpdatePanel control by setting the AssociatedUpdatePanelID property of the UpdateProgress control. When a postback event originates from an UpdatePanel control, any associated UpdateProgress controls are displayed.

http://asp.net/AJAX/Documentation/Live/mref/P_System_Web_UI_UpdateProgress_AssociatedUpdatePanelID.aspx

http://asp.net/AJAX/Documentation/Live/overview/UpdateProgressOverview.aspx

http://asp.net/AJAX/Documentation/Live/tutorials/IntroductionUpdateProgress.aspx


Chetan Sarode
Software Engineer,
Approva Systems Pvt Ltd,
Pune, India.
0
chetan
9/22/2008 3:18:22 AM

 

HI,

   

 Check if this approach can fufill your requirement

 

1. this has the "Div" control to show spinner image and make this "Div" visible/invisible during partial post back

<cc1:TabPanel ID="tvStatus" runat="server" HeaderText="Header Status">

<ContentTemplate>

<asp:UpdatePanel ID="updPanHeaderStatus" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<div id="prgStatus" style="display: none;" runat="server" width="960px" align="center">

<table width="960px" height="300px">

<tr>

<td align="center" valign="middle">

Loading Status.....<asp:Image ID="LoadingImage" runat="server" ImageUrl="~/Images/spinner.gif" /></td>

</tr>

</table>

</div>

<asp:Panel ID="pnlStatus" runat="Server" CssClass="TabPanelView" Width="960px">

<ucStatus:Status runat="server" ID="ctrlStatus" IsHeaderStatus="true" />

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

</ContentTemplate>

</cc1:TabPanel>

 2. Then in Partial Post back call a javascript function ,which will make DIv Visible and call "CallBack" function to handle Post Back

function CheckTabs(sender, e)

{

ClearError();

if (sender.get_activeTabIndex()==4)

{

document.getElementById(
'<%= prgStatus.ClientId %>').style.display='inline';

document.getElementById('<%=pnlStatus.ClientId %>').style.display='none';

CallBack();//call to server --this function has been rendered from serverside

}

if (sender.get_activeTabIndex()==2)

{

CallBack();

}

}'

AND Call Back Function will be as follows

Private Sub RegisterCallBack()

Dim pb As New PostBackOptions(btnLoadStatus)

Dim strFn As String = Page.ClientScript.GetPostBackEventReference(pb)

Dim sb As New StringBuilder

sb.Append("function CallBack(){")

sb.Append(strFn)

sb.Append(
";}")

ScriptManager.RegisterStartupScript(Me, updHdn.GetType, "hdn", sb.ToString, True)

End Sub

 

 


Happy Coding,

Ajay
0
ajaykhedekar
9/22/2008 7:25:08 AM
0
dwhite
9/23/2008 8:48:48 PM
Reply: