Solution: Building a CompositeView

Explore how to build a CompositeView in Marionette.js by modifying templates, defining child views, and managing collections. Understand how to render child models in lists within a table view structure and handle events effectively for dynamic JavaScript applications.

We'll cover the following...

Step 1: Modify tags in index.html
Step 2: Update CompositeView
Step 3: Update Contact item view
Solution

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

Solution: Building a CompositeView

Step 1: Modify tags in `index.html`

Solution: Building a CompositeView

Step 1: Modify tags in index.html

Step 1: Modify tags in `index.html`