Book Image

Backbone.js Blueprints

By : Andrew Burgess
Book Image

Backbone.js Blueprints

By: Andrew Burgess

Overview of this book

<p>Backbone.js is an open source, JavaScript library that helps you to build sophisticated and structured web apps. It's important to have well-organized frontend code for easy maintenance and extendability. With the Backbone framework, you'll be able to build applications that are a breeze to manage.<br /><br />In this book, you will discover how to build seven complete web applications from scratch. You'll learn how to use all the components of the Backbone framework individually, and how to use them together to create fully featured applications. In addition, you'll also learn how Backbone thinks so you can leverage it to write the most efficient frontend JavaScript code.<br /><br />Through this book, you will learn to write good server-side JavaScript to support your frontend applications. This easy-to-follow guide is packed with projects, code, and solid explanations that will give you the confidence to write your own web applications from scratch.</p>
Table of Contents (14 chapters)
Backbone.js Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Sorting events


There's one more feature we're going to add to our application. We have a table of events, so why not add the ability to sort the rows by whichever field we click on?

First, we need to sort the models in the collection. You already know that when we make a collection object, we pass it an array of model objects. We can have the collection sort these upon creation, by adding a comparator to the Events class. In models.js, add the following line to the Events collection class:

comparator: 'date',

Adding this line will sort the models in the collection by the date field. This will sort the models initially added to the collection, and any models subsequently added. However, it will not re-sort the models after one of them has been changed. This is important because we want our table rows to reorder if necessary when we edit an event record. We can implement that rather easily. However, when we edit a model, it will emit a change event, which bubbles up to the collection. We can...