Navigation Framework in Silverlight 4

Notice the 
HyperlinkButton "Home" click Event. It call the code behind logic of navigating 
to the particular page.
private void hlHome_Click(object sender, RoutedEventArgs e)
{
this.frameContainer.Navigate(new Uri("/View/Home.xaml", UriKind.Relative ));
}


ADD ERROR PAGE FOR RESOURCE NOT FOUND

The frame can handle following events in while navigation to a page Navigated, Navigating, NavigationFailed, NavigationStopped.In Particular Navigationfailed event can be 
useful in case something goes wrong.

private void frameContainer_NavigationFailed(object sender, System.Windows.Navigation.NavigationFailedEventArgs e)
{
e.Handled = true;
frameContainer.Navigate(new Uri("/View/ErrorPage.xaml", UriKind.Relative));
}


Navigation Through XAML
Instead of above coding 
approach  we can specify Hyperlink NavigateUri property to the their relative 
URIs .



Hiding Resources Through URI Mapper

Sometimes it is necessary to hide your resource location also the long URL 
for the particular page is not so user-friendly.So we can  use URIMAPPER to 
enable with short and meaning full name for URIs.Suppose for this example the 
user should be allowed  to navigate the Customers page with adding "/Customers" 
to the URL.To use URIMAPPING we need following 2 references to our mainpage.xaml 
page

xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Controls.Navigation"



Our Next step will be adding mapping to the Frame Control.








Now we need to set the 
Hyperlink  navigateURI. property as /"Customers ".So this will ensure that the 
"/Customer" is mapped to the mentioned MapeedUri.



Now 
,Customers page can be accessible by the new User friendly URI. 
"http://localhost:6469/NavigationSystemTestPage.aspx#/Customers"


Accessing Navigation System from a Page

As we mentioned above a page can access navigation system using 
NavigationService. In this example we have a DashBoard page which required to be 
loaded once the user clicks on the button in the customers page. This can be 
achieved by through code behind in Customers page on button click event 
.
private void btnShowDashBoard_Click(object sender, RoutedEventArgs e)
{
NavigationService.Navigate(new Uri("/Admin/DashBoard.xaml", UriKind.Relative));
}


NavigationService allows the page to get the host 
navigation service that used to navigate to this page.


Final Words
Silverlight navigation support much more 
complex navigation logic such Fragmented Navigation ,Content loader etc..This 
post only touches the basics of navigation.More posts will follow soon about 
navigation and Silverlight .