I am running an ajax update panel in my website. The update panel returns some new controls. I would like to set some JavaScript for the controls after they are returned from the ajax call. Is there any way of doing this? Thanks for any help!
Answers:
Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.
Method 1
tie into the MSAjax Event
function pageLoad(){ }
this will fire every time the update panel refreshes.. you can do your rebinding / new bindings there
…and yes, that’s all you need to do, put that on the page and it will fire.
Update:: [looks like i had the function named incorrectly ( i think it would still work tho) ]
it’s really that simple if you have a script manager on the page..
<script>
///<summary>
/// This will fire on initial page load,
/// and all subsequent partial page updates made
/// by any update panel on the page
///</summary>
function pageLoad(){ alert('page loaded!') }
</script>
http://www.asp.net/ajax/documentation/live/overview/AJAXClientEvents.aspx
Archived:
Method 2
You could use a Timer with a function that checks if the controls exists every few hundred ms. Once it detects them, apply your script and end the timer.
All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0