<p>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.</p>

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

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

<p>What are the best practices for using the ASP.NET UpdatePanel?</p>

[{'answer_id': 72575, 'author': 'Raithlin', 'author_id': 6528, 'author_profile': 'https://Stackoverflow.com/users/6528', 'pm_score': 1, 'selected': False, 'text': '<p>Not sure about the best practices, but in my experience multiple panels work well, and reduce the amount of data being sent at one time - resulting in an increase in response time overall. Multiple panels also reduce the complexity of each server call.</p>\n'}, {'answer_id': 72697, 'author': 'Wayne', 'author_id': 8236, 'author_profile': 'https://Stackoverflow.com/users/8236', 'pm_score': 7, 'selected': True, 'text': "<p>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.</p>\n\n<p>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.</p>\n"}, {'answer_id': 72725, 'author': 'craigmoliver', 'author_id': 12252, 'author_profile': 'https://Stackoverflow.com/users/12252', 'pm_score': 3, 'selected': False, 'text': '<p>I believe it is best to use multiple UpdatePanel if you can because of the size the POST that the UpdatePanel generates.  It\'s even better if you can use manual AJAX approaches for small things like updating a field.  The WPF provides some javascript functions and methods to accomplish this.  Here\'s some link that may be helpful:</p>\n\n<ul>\n<li><a href="http://msdn.microsoft.com/en-us/library/bb514961.aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/library/bb514961.aspx</a></li>\n<li><a href="http://msdn.microsoft.com/en-us/library/bb515101.aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/library/bb515101.aspx</a></li>\n</ul>\n'}, {'answer_id': 73080, 'author': 'Jon', 'author_id': 4764, 'author_profile': 'https://Stackoverflow.com/users/4764', 'pm_score': 5, 'selected': False, 'text': '<p>I\'d caution that with multiple update panels you\'ll want to be careful. Make sure you set the UpdateMode to Conditional.  Otherwise, when one update panel is "posted back" to the server, all of them are posted back.  </p>\n\n<p>I\'d highly suggest using these tools</p>\n\n<p><a href="http://projects.nikhilk.net/WebDevHelper/Default.aspx" rel="noreferrer">Web Development Helper</a> (here\'s a brief tutorial <a href="http://www.nikhilk.net/WebDevHelperHTTPTracingUpdates.aspx" rel="noreferrer">Web Development Helper and ASP.NET Ajax</a>)</p>\n\n<p><a href="http://www.fiddlertool.com/fiddler/" rel="noreferrer">Fiddler</a></p>\n'}, {'answer_id': 374486, 'author': 'sangam', 'author_id': 47043, 'author_profile': 'https://Stackoverflow.com/users/47043', 'pm_score': 2, 'selected': False, 'text': '<p>I recommend multiple updatepanels. Using multiple updatepanels will keep alive the true meaning of using updatepanel in asp.net web applications. And since we can even trigger one updatepanel from another updatepanel this makes it easier to code page-wide controls and behaviour.</p>\n'}, {'answer_id': 5077186, 'author': 'Chintan', 'author_id': 628169, 'author_profile': 'https://Stackoverflow.com/users/628169', 'pm_score': 2, 'selected': False, 'text': '<p>I completely agree to use Multiple Update Panel rather than to use single update panel,When you want only a certain part to be postbacked \nif you want entire page to be postback then it is better to use single update panel.</p>\n\n<p>Make sure that you make the updatemode="conditional" for all the updatepanel otherwise all the updatepanel will get refreshed.</p>\n\n<p>Also Check out the below Post for complete usage for update panel</p>\n\n<p><a href="http://www.codeproject.com/KB/aspnet/Select_List_Box.aspx" rel="nofollow">http://www.codeproject.com/KB/aspnet/Select_List_Box.aspx</a></p>\n'}, {'answer_id': 5331810, 'author': 'BigbangO', 'author_id': 396927, 'author_profile': 'https://Stackoverflow.com/users/396927', 'pm_score': 3, 'selected': False, 'text': '<p>Any of these answers don\'t mentioned maintainabiliy comparison between the choices. Third options is that you don\'t use any update panel and leave your self to the reverse ajax. Check out the interesting projects: <a href="http://pokein.codeplex.com" rel="noreferrer">PokeIn</a> and <a href="http://visualjs.net" rel="noreferrer">VisualJS.NET</a></p>\n'}]
['https://Stackoverflow.com/questions/72541', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/1768/']