Building Interactive User Interfaces with Microsoft ASP.NET AJAX: Using the UpdatePanel

Posted by: 4GuysFromRolla.com Headlines, on 24 Oct 2007 | View original | Bookmarked: 0 time(s)

A Multipart Series on ASP.NET AJAX
Over the past several years web developers have started using JavaScript to make asynchronous postbacks to the web server that only transmit and receive the necessary data; these techniques are commonly referred to as AJAX. Microsoft has released a free AJAX framework for ASP.NET developers named Microsoft ASP.NET AJAX. This article series examines using Microsoft's ASP.NET AJAX framework to build responsive user interfaces.

  • AJAX Basics and Getting Started with Microsoft's ASP.NET AJAX Framework - examines AJAX basics and looks at installing Microsoft ASP.NET AJAX; includes a demo of the UpdatePanel control.
  • Using the UpdatePanel - provides more in-depth and real-world examples of using the UpdatePanel.
  • (Subscribe to this Article Series! )

    In AJAX Basics and Getting Started with Microsoft's ASP.NET AJAX Framework we looked at the basics of the ASP.NET AJAX framework. We discussed how to download and install the framework and the basics of the UpdatePanel. The UpdatePanel makes creating interactive user interfaces as easy as dragging and dropping. Simply add an UpdatePanel to the page and, within it, add those controls that you want to participate in the partial postback. With the UpdatePanel in place, any postback caused by a control within the UpdatePanel is converted into a partial page postback. Like with a full page postback, a partial page postback sends a request back to the server but does so through client-side script. Moreover, only those regions within UpdatePanels are rended and have their markup return in the HTTP response, and that markup is updated through JavaScript. In short, partial page postbacks make the page seem "snappier." There's less data sent between the client and server and the page is fluidly updated - there's no "flash" as with typical postbacks.

    The UpdatePanel in Part 1 was pretty simplistic, involving a Label and a Button control. In this tutorial we'll look at some more real-world uses of the UpdatePanel and, in doing so, we will explore the UpdatePanel's properties in greater depth. In particular, this article first looks at using the GridView within the UpdatePanel. Next, it explores a demo that includes multiple UpdatePanels on the page and illustrates the effect of the UpdatePanel's UpdateMode, ChildrenAsTrigger, and Triggers properties. Read on to learn more!
    Read More >

    Category: Ajax | Other Posts: View all posts by this blogger | Report as irrelevant | View bloggers stats | Views: 1913 | Hits: 79

    Similar Posts

    • Building Interactive User Interfaces with Microsoft ASP.NET AJAX: Refreshing An UpdatePanel With JavaScript more
    • Adding IIS Manager Users and Permissions using PowerShell more
    • Creating a Filtering User Interface With jQuery In a Web Forms Application: Part 1 more
    • Unit Testing - Do Repeat Yourself more
    • Building Interactive User Interfaces with Microsoft ASP.NET AJAX: Triggering Full Page Postbacks From An UpdatePanel more
    • Update to Logging in to DotNetNuke from a Silverlight Application with RIA Authentication more
    • Telerik Announces Support for Microsoft Silverlight 3 more
    • Telerik Introduces Free Web Testing Framework for ASP.NET AJAX and Silverlight more
    • Don't be afraid of complex constraints more
    • Periodically Updating the Screen and Web Page Title with ASP.NET AJAX more

    News Categories

    .NET | Agile | Ajax | Architecture | ASP.NET | BizTalk | C# | Certification | Data | DataGrid | DataSet | Debugger | DotNetNuke | Events | GridView | IIS | Indigo | JavaScript | Mobile | Mono | Patterns and Practices | Performance | Podcast | Refactor | Regex | Security | Sharepoint | Silverlight | Smart Client Applications | Software | SQL | VB.NET | Visual Studio | W3 | WCF | WinFx | WPF | WSE | XAML | XLinq | XML | XSD