How to pass objects through multiple pages in UWP

Question

I am tasked with creating a multi-page UWP app that needs to pass a student object through multiple pages. The app starts on the main page where there are two buttons, one to add a new student and then and the other to then view the students details.

I am currently struggling trying to figure out how to pass the student object from the "new student page" to the "student details" page. I'm not allowed to store the students information in a file or database.

When a new student has been added the information should be stored within the Student object, is it possible to make this object public so that it can be used without passing it through pages? Is it also possible to bind the text blocks on the student details page to the student object that is from the input page?

Welcome to stackoverflow. Please take a minute to take the tour, especially How to Ask, and edit your question accordingly. — jazb
– jazb, Commented Dec 10, 2018 at 8:02
You might want to take a look at Windows Template Studio learn.microsoft.com/en-us/windows/uwp/design/…. Also 'Creating Mobile Apps with Xamarin.Forms' by Charles Petzold learn.microsoft.com/en-us/xamarin/xamarin-forms/… — Michael Phillips
– Michael Phillips, Commented Dec 10, 2018 at 8:08

MKH · Accepted Answer · 2018-12-10 08:14:06Z

5

You can use your Student class object and then pass it to another page when Navigate to it as parameter.

In New Student page :

void ButtonShowDetails_Click(sender , ....)
{
  var student = new Student();
  student.Name="Joe";// or txtStudentName.Text
  /// etc
  /// etc
  Frame.Navigate(typeof(pgStudentDetails), student);
}

In pgStudentDetails page :

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    var param = (Student)e.Parameter; // get parameter
    txtName.Text= param.Name;//show data to user
}

answered Dec 10, 2018 at 8:14

MKH

3661 gold badge5 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jimbrowning Over a year ago

This is exactly what I was looking for, my problem was passing the object like this: AddStudentPage -> MainPage -> StudentDetailsPage but your comment has given me the syntax needed. Thank you very much, I appreciate the response

MKH Over a year ago

Glad it helped! ;)

Luca Lindholm · Accepted Answer · 2019-01-08 16:48:05Z

2

This isn't good way of resolving this problem.

You see… an expert developer sees the UI only as the "presentation layer" for app data, NOT as the main logic layer.

The correct way to do it is creating a static entity that acts as the "engine" of the logic of your app and that is present during all the app's session.

The usual way to implement this, in fact, is by using the standard MainPage as the "shell" of the app, containing a static field (named "Current") that redirects to the MainPage itself, and an AppViewModel class, that contains all the app data and logic. Then you access the MainPage.Current.ViewModel data by binding all the XAML controls to it.

Best regards

answered Jan 8, 2019 at 16:48

Luca Lindholm

8211 gold badge9 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to pass objects through multiple pages in UWP

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related