Backbone: Cheatsheet

Backbone: Cheatsheet

# Backbone
- Models - Store data and trigger cahnge events
`window.Album = Backbone.Model.extend({});`
album = new Album({title: 'Abbey Road', artist: 'The Beatles'})
-- Get an attribute
album.get('title')
-- Set an attribute
album.set({key: value})
-- Model persistent
album.isNew()
-- serialize attributes
album.toJSON()

- Views - render model data - observe and re-render
View are like controllers in Rails
window.AlbumVIew = Backbone.View.extend({
  tagName: 'li'
  className: 'ablum',
  initializa: function() {
    _.binAll(this, 'render');
    thi  s.mode.bind('change', this.render);
  

    this.template = _.template($('#album-template').html()); 
  },

  render: function() {
    $(this.el).html(this.template(this.model.toJSON());
    return this;
  }
});

albumView = new AlbumView({model: album})

- Collections - manage group of models
Need an implementation for every model

window.Albums = Backbone.Collection.extend({  
  model: Album,
  url: '/albums'
});

albums = new Albums
albums.fetch
albums.map(function(album) {
  album.get('title')
});

# Router