Introduction to Marionette.js – The Backbone Framework

Edit Button

Explore how to add an Edit button within a Marionette.js contact management app. Learn to adapt views, trigger events, and navigate to an edit page to modify contact details effectively.

We'll cover the following...

Adding the “Edit” button
Adapting our view
Triggering the event
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

Edit Button