One Update Panel vs. Multiple Update Panels

asp.net asp.net-ajax webforms
mattruma picture mattruma · Sep 16, 2008 · Viewed 35.7k times · Source

I have an ASP.NET web page that displays a variety of fields that need to be updated best on certain conditions, button clicks and so on. We've implemented AJAX, using the ASP.NET Update Panel to avoid visible postbacks.

Originally there was only one area that needed this ability ... that soon expanded to other fields. Now my web page has multiple UpdatePanels.

I am wondering if it would be best to just wrap the entire form in a single UpdatePanel, or keep the individual UpdatePanels.

What are the best practices for using the ASP.NET UpdatePanel?

Answer

Wayne picture Wayne · Sep 16, 2008

Multiple panels are much better. One of the main reasons for using UpdatePanels at all is to reduce the traffic and to only send the pieces that you need back and forth across the wire. By only using one update panel, you're pretty much doing a full post back every time, you're just using a little Javascript to update the page without a flicker.

If there are pieces of the page that need to be updated together, there are ways to trigger other panels to update when one does.. but you should definitely be using multiple update panels.

Related questions

The name 'ScriptManager' does not exist in the current context

I copied some code to solve a problem with running JavaScript after an AJAX postback in ASP.Net. Unfortunately the new code gave me the following error when doing a build: The name 'ScriptManager' does not exist in the current …

Read More
Disable dates conditionally with Asp.net Ajax Calendar Extender

If you have used Calendar Extender, i am looking for ways to disable dates based on selection from another calendar selected date. In a project management application there are end and start dates, i am looking for ways to validate …

Read More
jQuery $(document).ready and UpdatePanels?

I'm using jQuery to wire up some mouseover effects on elements that are inside an UpdatePanel. The events are bound in $(document).ready . For example: $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); Of course, this works fine …

Read More