Implementing View Synchronization

Objectives

After completing this lesson, you will be able to:

  • Implement synchronization functionality between list and detail view

Implementing View Synchronization

Synchronizing the List and the Detail View

The end user will usually select an item on the list to display the details. If so, everything works as expected. The navigation is triggered, the details of the selected item are displayed in the detail view, and the selected item is marked as selected in the list. But what happens if the user changes the hash directly in the address bar of the browser?

Obviously, if the hash is valid, the details are displayed but the item in the list will not be marked as selected. Furthermore, if the hash is invalid, the NotFound view is displayed but a previously selected item is still marked as selected. To make this happen, we have to implement a synchronization functionality between the detail and the list view. In this lesson, you will learn how to implement a synchronization functionality.

Log in to track your progress & complete quizzes