The ContactsApp.Show Sub-Module

Explore how to create the ContactsApp.Show sub-module by building a controller and view that display individual contact details using Marionette.js. Understand how to handle templates, instantiate views in controllers, and simplify view management without manual cleanup. This lesson helps you implement dedicated contact display views with efficient event handling.

We'll cover the following...

Creating the Show controller
Creating the Show view
Try it yourself

1.Introduction

2.Displaying a Static View

3.Displaying a Model

4.Displaying a Collection of Models

5.Structuring Code with Modules

6.Creating Tables in Views

7.Events, Bubbling, and TriggerMethod

8.Displaying Contacts in Dedicated Views

9.Implementing Routing

10.Dealing with Persisted Data

11.Handling Data Latency

12.Managing Forms

13.Displaying a Modal Window

14.Complex Views and Base Views

15.Managing Dialogs with a Dedicated Region

16.Filtering Contacts

17.Addition to Sub-Application

18.Conclusion

19.Appendix: Using Web Storage for Persistence

20.Appendix: Creating a FilteredCollection

The ContactsApp.Show Sub-Module

Creating the `Show` controller

The ContactsApp.Show Sub-Module

Creating the Show controller

Creating the `Show` controller