Call a function after every updatepanels partial postback event, on the page

Question

I am working on a custom control that is being used on a webpage that contains many updatepanels. In my custom control, there is extensive use of jquery and many plugins are used as well. Now, on every updatepanel's postback, THE CONTROL GETS RENDERED AGAIN AND AGAIN, it loads the javascript resources again too, but doesnt call the javascript functions again. This is causing problem that many elements in my control which has to be turned in to one thing or another by jquery plugin are not working(javascript functions not calling in simple).

Now I have tried many solutions, including the ones mentioned in this question How to have a javascript callback executed after an update panel postback? but in vain. Previously, when my page contained only one updatepanel,

pageLoad(sender, Args);

functon was working fine, now in the case of multiple updatepanels that is not working, neither

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(pageLoaded);

function pageLoaded() { }

Just to confirm - when UpdatePanel refreshes - you need to call a JavaScript function? — Yuriy Galanter, May 10 '13 at 21:37
yes, sorry for late reply. I couldnt get to stackoverflow as there were elections in my country. — Taha Rehman Siddiqui, May 13 '13 at 05:36

score 1 · Answer 1 · answered May 13 '13 at 13:13

If you don't want your control to refresh on every UpdatePanel's postback - set UpdateMode for the UpdatePanel that hosts your control to Conditional this way it will be refreshed only when its own trigger or child control fire (Ref: http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.updatemode(v=vs.90).aspx).

That said, you don't have to manually add pageLoaded event handler on client side. Use intristic pageLoad function which fires on every page load be it via UpdatePanel or otherwise (Ref: http://msdn.microsoft.com/en-us/library/bb386417(v=vs.90).aspx)

One other way to fire a JS function is from server-side code. Every time your control loads or performs some server-side init - use ClientScript.RegisterStartupscript call to make sure JS function will be called on the client afterward, for example

ClientScript.RegisterStartupscript(this.GetType(),"myFunc", "myFunction();", true);

Ref: http://msdn.microsoft.com/en-us/library/z9h4dk8y(v=vs.90).aspx

Call a function after every updatepanels partial postback event, on the page

1 Answers1