.NET Answers

I’ve been busy over the last couple of weeks working on an administrative application that uses a ton of AJAXy stuff.

The application is interactive in the sense that every time a field is updated in the administrative screen, another part of the screen updates to show the user what the final result will look like when it is published.

Where things get tricky is that the screens use a considerable amount of jQuery to do things like binding to events so that updates will occur when the events fire.

But the main content that is being updated for one of my screens is actually in an UpdatePanel.  This is a problem, because in order for that screen to render correctly I have to run some jQuery code.  But the jQuery “ready” event doesn’t fire when the UpdatePanel gets updated.

So how do we fix that?

Fortunately, a quick search of the big G solved the problem.  It turns out Imran Akram has already solved this problem.  You just need to call

Sys.WebForms.PageRequestManager.getInstance()
    .add_endRequest(EndRequestHandler);

somewhere in your code.  Where “EndRequestHandler” is a pointer to a regular javascript function that calls your jQuery code.

What I didn’t like about the way that Imran implemented this is that he wired it into the Page_Load() event.  While this works, I thought, “there must be a way to make this work more like jQuery.”  And there is.

You just need to make sure that your jQuery code runs after your MS-AJAX scripts.  So I put my call at the end of my “ready” event handler for the page and everything works just great!

Other Related Items:

jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)

jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it can take years to fully re... Read More >

Active Server Pages (ASP)/Visual Basic (VB).NET - Instructor-based Video Training BundleInteractive Instructor-Based Active Server Pages (ASP)/Visual Basic (VB).NET Bundle Video Training Course on DVD-ROM. Computer Based Training (CBT) a... Read More >

Super Soft Luxury Cashmere Feel Fringe Scarf - (Choose from 33 fashion colors / patterns)Experience the soft luxurious feel of cashmere feel fashion neckwear. Get the look and feel of high end scarves at an affordable price. Choose from ou... Read More >

Related Post

• jQuery – Accordion
• jQuery, Each() and Async Gets
• JQuery, Cufon, and Dynamic Content
• Do you Need My Help?
• Programming ASP.NET 3.5

Bookmark to:

Hide Sites

One Response to “jQuery and ASP.NET UpdatePanel”