ASP.NET UpdatePanel and JavaScript functions

Question

I would like to call JavaScript functions to show/hide a loading animation when a DropDownList is changed in an UpdatePanel.

Here is the DopDownList in an UpdatePanel

<asp:UpdatePanel ID="UpdatePanel4" runat="server">
  <ContentTemplate>
    <asp:DropDownList ID="ddl_size" runat="server" OnSelectedIndexChanged="ddl_size_SelectedIndexChanged" AutoPostBack="true">/asp:DropDownList>
    ...

Here are the JavaScript functions I want to call

function ShowLoadingAnimation() { ... }
function HideLoadingAnimation() { ... }

Do I use triggers? How do I use it? Thanks in advance.

amantur · Accepted Answer · 2011-02-16 03:41:27Z

1

You can use PageRequestManager's beginRequest and endRequest handlers to show/hide animation. The implementation details are on Sys.WebForms.PageRequestManager beginRequest Event and Walkthrough: Animating ASP.NET UpdatePanel Controls MSDN pages.

answered Feb 16, 2011 at 3:41

amantur

40.6k22 gold badges136 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kara · Accepted Answer · 2014-02-07 23:09:57Z

0

Put this code in the JavaScript tag in your aspx page:

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler); 
function endRequestHandler() { yourJsFunction }

edited Feb 7, 2014 at 23:09

Kara

6,23616 gold badges54 silver badges58 bronze badges

answered Feb 18, 2013 at 12:31

Iosif Petre

1883 silver badges9 bronze badges

Collectives™ on Stack Overflow

ASP.NET UpdatePanel and JavaScript functions

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related