Working with Collections | Backbone.js Patterns and Best Practices

Basic usage of collections

We will start looking into different features of the Backbone collection with a simple example. Let's assume we have a User model and a Users collection.

// Model definition
var User = Backbone.Model.extend({
  initialize: function () {
    this.on('change', function () {
      console.log('User model changed!');
    });
  }
});

// Collection definition
var Users = Backbone.Collection.extend({
  model: User,
  url : '/users',
  initialize: function () {
    this.on('change', function () {
      console.log('Users collection changed!');
    });
  }
});

var users = new Users(),
  newUser = new User({
    name: 'Jayashi De',
    age: 21
  });

users.add([newUser]);

// Change an attribute of the model
newUser.set('age', 22);

In the preceding code, simple model and collection definitions have been described. Here, we tried to demonstrate, as we mentioned in the introduction of this chapter, that any event fired on a model will get fired on the collection too. When...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Basic usage of collections

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Basic usage of collections

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access