Intersoft Solutions - Community - ClientUI - How to pass an object to a page

Create New

New Discussion
New Question
New Product Feedback

Post Reply

Richard GriffthsMember

Posted: October 11, 2012 3:58 PM

How can I navigate to a page passing a class business object to it as parameter - using MVVM.

E.g. NavigationServiceProvider.Navigate(new Uri(string.Format("/BookJob/{0}", e.Object.BookJob), UriKind

.Relative));

Where 'BookJob' is an class Object .  I get a fail here because NavigationContext only has string.

// Executes when the user navigates to this page.
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            if (this.NavigationContext.QueryString.Count > 0)
            {
                string id = this.NavigationContext.QueryString["ID"];
                if (!string.IsNullOrEmpty(id))
                {
                    this.DataContext = new BookJobViewModel(int.Parse(id));
                    return;
                }
            }
        }

Is there another way achieve this/

Quick Reply

Quote

Answers

Yudi Member

Posted: October 16, 2012 7:46 AM in response to Richard Griffths

Please ignore my previous post and try to do the following.

Open NavigationServiceProvider.cs and add a function which receives three parameters: Uri; Boolean; and object. The class should look like following after modification.

using System;
using System.Windows;
using Intersoft.Client.Framework;
using Intersoft.Client.Framework.Input;
namespace NavigateToPageUsingCommand.ViewModels
{
    public class NavigationServiceProvider
    {
        public static void Navigate(Uri uri)
        {
            NavigationCommands.Navigate.Execute(uri, (UIElement)ISFocusManager.GetFocusedElement());
        }
        public static void Navigate(Uri uri, bool hasExtraData, object extraData)
        {
            NavigationOptions options = new NavigationOptions(uri)
            {
                ExtraData = extraData
            };
            NavigationCommands.Navigate.Execute(options, (UIElement)ISFocusManager.GetFocusedElement());
        }
        public static void Navigate(Uri uri, object targetElement)
        {
            NavigationCommands.Navigate.Execute(uri, (UIElement)targetElement);
        }
    }
}

Find the command which is used to navigate and modify it into:

NavigationServiceProvider.Navigate(new Uri("/BookJob", UriKind.RelativeOrAbsolute), true, Object.BookJob)

In BookJob.xaml file, bind NavigatedCommand property to NavigatedCommand.

<Intersoft:UXPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ViewModels="clr-namespace:NavigateToPageUsingCommand.ViewModels"
	mc:Ignorable="d"
	xmlns:Intersoft="http://intersoft.clientui.com/schemas"
	x:Class="NavigateToPageUsingCommand.Views.EditContactProfile" 
	Title="EditContactProfile Page"
	d:DesignWidth="640" d:DesignHeight="480"
    NavigatedCommand="{Binding NavigatedCommand}">
    
    <Intersoft:UXPage.DataContext>
        <ViewModels:EditBookJobViewModel/>
    </Intersoft:UXPage.DataContext>
    <Grid x:Name="LayoutRoot">
	</Grid>
</Intersoft:UXPage>

Open the view model of BookJob and obtain the object (which is passed as parameter) in OnNavigatedCommand by using following expression: ((Intersoft.Client.UI.Navigation.NavigatedCommandParameter)(parameter)).ExtraData.

Hope this helps.

All Replies

Yudi Member

Posted: October 12, 2012 5:38 AM in response to Richard Griffths

UXPage has NavigatedCommand property. It gets or sets the command to execute when the UXFrame navigates to this page.

You may try to utilize this property for your scenario. First, create a delegate command and set the DataContext for the intended page in this command. Next, we can bind the command for the NavigatedCommand property of the page.

Hope this help.

Quick Reply

Quote

Richard GriffthsMember

Posted: October 12, 2012 6:15 AM in response to Yudi

Thank you for your reply.

I have added binded NavigatedCommand to my command in my ViewModel. The code goes through that command - what I don't know what to do is retrieve the passed (querystring) parameter (business object).

 string id = this.NavigationContext.QueryString["ID"]; works fine for string types

How do I get the business class object?

Quick Reply

Quote

Yudi Member

Posted: October 16, 2012 7:46 AM in response to Richard Griffths

Please ignore my previous post and try to do the following.

Open NavigationServiceProvider.cs and add a function which receives three parameters: Uri; Boolean; and object. The class should look like following after modification.

using System;
using System.Windows;
using Intersoft.Client.Framework;
using Intersoft.Client.Framework.Input;
namespace NavigateToPageUsingCommand.ViewModels
{
    public class NavigationServiceProvider
    {
        public static void Navigate(Uri uri)
        {
            NavigationCommands.Navigate.Execute(uri, (UIElement)ISFocusManager.GetFocusedElement());
        }
        public static void Navigate(Uri uri, bool hasExtraData, object extraData)
        {
            NavigationOptions options = new NavigationOptions(uri)
            {
                ExtraData = extraData
            };
            NavigationCommands.Navigate.Execute(options, (UIElement)ISFocusManager.GetFocusedElement());
        }
        public static void Navigate(Uri uri, object targetElement)
        {
            NavigationCommands.Navigate.Execute(uri, (UIElement)targetElement);
        }
    }
}

Find the command which is used to navigate and modify it into:

NavigationServiceProvider.Navigate(new Uri("/BookJob", UriKind.RelativeOrAbsolute), true, Object.BookJob)

In BookJob.xaml file, bind NavigatedCommand property to NavigatedCommand.

<Intersoft:UXPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ViewModels="clr-namespace:NavigateToPageUsingCommand.ViewModels"
	mc:Ignorable="d"
	xmlns:Intersoft="http://intersoft.clientui.com/schemas"
	x:Class="NavigateToPageUsingCommand.Views.EditContactProfile" 
	Title="EditContactProfile Page"
	d:DesignWidth="640" d:DesignHeight="480"
    NavigatedCommand="{Binding NavigatedCommand}">
    
    <Intersoft:UXPage.DataContext>
        <ViewModels:EditBookJobViewModel/>
    </Intersoft:UXPage.DataContext>
    <Grid x:Name="LayoutRoot">
	</Grid>
</Intersoft:UXPage>

Open the view model of BookJob and obtain the object (which is passed as parameter) in OnNavigatedCommand by using following expression: ((Intersoft.Client.UI.Navigation.NavigatedCommandParameter)(parameter)).ExtraData.

Hope this helps.

Quick Reply

Quote

Services

Support

Community / ClientUI

How to pass an object to a page

Answers

All Replies

Business Platform

Development Tools

Community / ClientUI

How to pass an object to a page

Answers

All Replies

Sign in to Intersoft Account

Sign in to Intersoft Account

Link Existing Account

Create New Account

Link Existing Account

Sign in to Intersoft Account

Sign in to Intersoft Account

Create New Intersoft Account

Forgot Password

Your new password has been sent to your email.