How to: navigate from one view to another in the NavigationFrame when navigation logic is implemented at the view level

This example demonstrates how to navigate between views without executing code at the view model level. If you wish to control navigation from the view mode, please refer to: How to: Navigate between Views via FrameNavigationService.

In this example, the NavigationButton element is used to perform navigation. To specify the target view, use the NavigateTo property. If you wish to use the standard Button, set the dxwuin:Navigation.NavigateTo attached property:

[XAML]
<ButtonContent="Tools"dxwuin:Navigation.NavigateTo="ToolsView"/>

Please note that the approach with the NavigationButton and Navigation.NavigateTo properties works only if the button is located in the NavigationFrame's visual tree.  You can also use the NavigationFrame.Navigate method to initiate navigation from code-behind. To specify the start view, set the Source property.

In this example, each view contains the PageAdornerControl. This element consists of a header and a back button. As a rule, the header is used for navigation buttons and for displaying the view name. The back button is visible only when the ShowBackButton is true.

To cache views in order to improve performance, set the NavigationCacheMode to "Required".