Jump to another NavigationView Item programmatically

[zigzag]

Hi,

I would like to implement a feature like below with NavigationView.

1. I use NavigationView to show a list of countries as items, say UK, USA, Australia, etc.

2. The first NavigationView Item is called "Overview". It basically displays all the countries on a TileView.

3. When user clicks one Tile on the "Overview", say "UK", I want to jump to the "UK" item of NavigationView to disaply detailed information on UK

How can do that on a MVVM way? I guess I maybe able to use SelectedItem of RadTransitionControl to achieve this, but I am not sure how exactly I can do this.

Appreciate any help.

Thanks.

[Vladimir Stoyanov]

Hello Hao,

May I ask you to check out the First Look Navigation View example from our demos? It demonstrates a similar scenario to yours. In your case, I suppose that you can bind the SelectedItem of the RadTileView to the SelectedItem of the RadTransitionControl.

Please, check out the above referenced example and let me know, if you find it helpful.

Regards,
Vladimir Stoyanov
Progress Telerik

Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.

[zigzag]

Hi Vladimir,

thanks for your reply.

I managed to get it done.

1. This involves communication from one ViewModel (Tile Item) to another ViewModel (NavigationView). I use MVVMlight messager to archive this.

Messenger.Default.Send(new SwitchNavMenu(GUID));

 

2 When NavigationView receives the message, it converts the Guid to index of navigation item and set it to propoerty "SelectedIndex"

3. On RadNavigationView, I bind "SelectedIndex" to propoerty "SelectedIndex"

<telerik:RadNavigationView x:Name="navigationView"
                              Grid.Row="1"
                              ItemsSource="{Binding Items}"
                              SelectedIndex="{Binding SelectedIndex}">

[Vladimir Stoyanov]

Hello Hao,

I am glad to hear that you managed to achieve what you were going for.

Thank you for sharing your approach with the community.

Regards,
Vladimir Stoyanov
Progress Telerik

Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.

[Diego]

Any chance you can show me some more of your code of how to do this?