Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to pass values (parameters) between XAML pages?

Similar questions have been asked before but this question strives to explore more options and the ability to pass complex objects.

The question is how to pass parameters but it really needs to be broken up into three parts..

  1. When navigating between pages in an XAML application how do you pass parameters?
  2. What is the difference between using the Uri navigation and manual navigation?
  3. How can objects (not just strings) be passed when using Uri navigation?

Example of Uri navigation

page.NavigationService.Navigate(new Uri("/Views/Page.xaml", UriKind.Relative));

Example of manual navigation

page.NavigationService.Navigate(new Page());

The answer to this question applies to WP7, silverlight, WPF and Windows 8.

Note: There is a difference between Silverlight and Windows8

  • Windows Phone: pages are navigated to using a Uri and data passed as a query string or an instance
  • Windows 8: pages are navigated to by passing the type, and parameters as objects
like image 811
Daniel Little Avatar asked Sep 16 '12 06:09

Daniel Little


People also ask

How to pass value from one page to another in WPF?

just create an instance of the second page. Pass the value/objects/... into the constructor, and then use Page. NavigationService to navigate to the newly created instance.

Is XAML a front end language?

WPF uses XAML as its frontend language and C# as its backend languages. WPF was introduced as a part of . NET Framework 3.0 as the Windows library to build Windows client apps and the next generation of Windows Forms.


1 Answers

Methods to pass parameters

1. Using the query string

You can pass parameters through the query string, using this method means have to convert your data to strings and url encode them. You should only use this to pass simple data.

Navigating page:

page.NavigationService.Navigate(new Uri("/Views/Page.xaml?parameter=test", UriKind.Relative));

Destination page:

string parameter = string.Empty;
if (NavigationContext.QueryString.TryGetValue("parameter", out parameter)) {
    this.label.Text = parameter;
}

2. Using NavigationEventArgs

Navigating page:

page.NavigationService.Navigate(new Uri("/Views/Page.xaml?parameter=test", UriKind.Relative));

// and ..

protected override void OnNavigatedFrom(NavigationEventArgs e)
{
    // NavigationEventArgs returns destination page
    Page destinationPage = e.Content as Page;
    if (destinationPage != null) {

        // Change property of destination page
        destinationPage.PublicProperty = "String or object..";
    }
}

Destination page:

// Just use the value of "PublicProperty"..

3. Using Manual navigation

Navigating page:

page.NavigationService.Navigate(new Page("passing a string to the constructor"));

Destination page:

public Page(string value) {
    // Use the value in the constructor...
}

Difference between Uri and manual navigation

I think the main difference here is the application life cycle. Pages created manually are kept in memory for navigation reasons. Read more about it here.

Passing complex objects

You can use method one or two to pass complex objects (recommended). You can also add custom properties to the Application class or store data in Application.Current.Properties.

like image 194
Daniel Little Avatar answered Sep 28 '22 22:09

Daniel Little