Running Javascript after update panel refresh

Question

How do I load a javascript command (like an onload or onclick or something) after the update panel was just refreshed.

ScriptManager.RegisterStartupScript( yourUpdatePanelName, this.GetType(), "MyActionSampleName", "alert('test')", true); — hossein andarkhora, Feb 15 '18 at 08:19

score 15 · Accepted Answer · answered May 10 '12 at 00:58

15

Embed these lines on your javascript tag

function foo()
{
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
}
function endRequestHandler(sender, args)
{
    // Do your stuff
    alert('Update Panel routine is now complete');
}

Then, put this on you body tag

<body onload="foo()">

answered May 10 '12 at 00:58

2

Be careful when posting copy and paste boilerplate/verbatim answers to multiple questions, these tend to be flagged as "spammy" by the community. If you're doing this then it usually means the questions are duplicates so flag them as such instead. – Kev May 10 '12 at 01:22

score 7 · Answer 2 · answered Oct 22 '11 at 07:55

7

ScriptManager.RegisterClientScriptBlock(upPanel, upPanel.GetType(), "alert('hello world')", true);

You must call this on partial postback.

answered Oct 22 '11 at 07:55

deostroll

11,661
21
90
161

just to clarify, this solutions can eventually result in script block overflow and ultimately crashing your browser, since it gets a new script block on each request. – netchkin Sep 30 '14 at 08:32

score 0 · Answer 3 · answered Oct 21 '11 at 01:26

0

You could use ScriptManager. I'd think ScriptManager.RegisterClientScriptBlock should be useful. You can then execute JS after the page load. Other options include JQuery.live.

answered Oct 21 '11 at 01:26

Candide

30,469
8
53
60

Running Javascript after update panel refresh

3 Answers3

Linked