Activate your free membership today | Log-in

Friday, September 15th, 2006

Enabling Back/Forward-Button Support for ASP.NET AJAX UpdatePanel

Category: .NET, Tip

Scott Guthrie has written up a tip for Enabling Back/Forward-Button Support for ASP.NET AJAX UpdatePanel.

For example, the below code could be written by a developer in response to a selection change within a list to to add the previous list selection to the browser's history via Nikhil's "HistoryControl":

PLAIN TEXT
JAVASCRIPT:
  1.  
  2. private void ContentList_SelectedIndexChanged(object sender, EventArgs e) {
  3.    history.AddEntry(contentList.SelectedIndex.ToString();
  4. }
  5.  

Once you add entries into the history control, the back/forward button will be enabled in the browser. Nikhil's history control then exposes a "Navigate" event which fires when you press the forward or back button in the browser, and this event then exposes the identifier entry provided before when the view was added into the browser history. You can then use this to restore the page to whatever state it should be in to match the previous history item and update the page:

PLAIN TEXT
JAVASCRIPT:
  1.  
  2. private void HistoryControl_Navigate(object sender, HistoryEventArgs e) {
  3.  
  4.     int selectedIndex = 0;
  5.  
  6.     if (String.IsNullOrEmpty(e.Identifier) == false) {
  7.         selectedIndex = Int32.Parse(e.Identifier);
  8.     }
  9.  
  10.     // Update the content being displayed in the page
  11.     contentList.SelectedIndex = selectedIndex;
  12.  
  13.     // Mark the update panels as needing an update
  14.     mainUpdatePanel.Update();
  15. }
  16.  

Download the code for Nikhil's history control and start using it here

Posted by Dion Almaer at 11:19 am
3 Comments

+++--
3.2 rating from 45 votes

3 Comments »

Comments feed TrackBack URI

The horizontal scrolling where you show javascript is not working for me.
(I use firefox)

Comment by NNM — August 7, 2007

The MCs of the momentgucci handbags so dominated the programgucci ontinental that it could have been mistaken for a concert. It was telling TV.And as a rap consumer, I’m willing to fight towholesale gucci handbags get music airplay back in balance. It could be mere coincidence that and Cosby will clash on store shelves.But if it is a message from the MC cosmos, I want to send the right message back.I choose Cosby’s form of expression over Gucci’s gucci canvas walletsself-destructive one any day. Here’sflower girl dresses hoping my fellow hip-hop heads buy aion goldwill do the same.

Comment by wuwei — December 16, 2009

tiffany rings tiffany rings
tiffany engagement rings tiffany engagement rings
tiffany wedding rings tiffany wedding rings
tiffany necklace tiffany necklace
tiffany sets tiffany sets
tiffany bracelet tiffany bracelet
tiffany pendant tiffany pendant
tiffany earrings tiffany earrings
tiffany accessories tiffany accessories
tiffany charms tiffany charms
Abercrombie Jeans Abercrombie Jeans
Abercrombie Pants Abercrombie Pants
Abercrombie Tees Abercrombie Tees
Abercrombie Shorts Abercrombie Shorts
Abercrombie Sweater Abercrombie Sweater
Abercrombie Outerwear Abercrombie Outerwear
Abercrombie Hoodies Abercrombie Hoodies
Abercrombie Polo Abercrombie Polo
Abercrombie ShirtsAbercrombie Shirts
abercrombie henleys crew abercrombie henleys crew
hollister hollister
hollister uk hollister uk
abercrombie mens abercrombie mens
abercrombie womens abercrombie womens
Ruehl 925 Ruehl 925
ed hardy ed hardy
shamwow shamwow
nest match nest match

Comment by jenny625 — March 16, 2010

Leave a comment

You must be logged in to post a comment.