thenickcox

window.App = {
  Models: {},
  Collections: {},
  Views: {}
}

thenickcox

window.App = {
  Models: {},
  Collections: {},
  Views: {}
}

thenickcox

//= require backbone_rails_demo

thenickcox

//= require self

thenickcox

//= require app

thenickcox

App.Models.Album = Backbone.Models.extend()

thenickcox

App.album = new App.Models.Album({ title: 'Bitches Brew'});
// child {cid: "c2", attributes: Object, _changing: false, _previousAttributes: Object, changed: Object…}
App.album.get('title');
// “Bitches Brew”
App.album.set({ title: 'Sketches of Spain' });
// child {cid: "c2", attributes: Object, _changing: false, _previousAttributes: Object, changed: Object…}
App.album.get('title');
// ”A New Title”

thenickcox

# app/controllers/albums_controller.rb
def index
  @albums = Album.where(user_id: params[:user_id])
  respond_with(@albums)
end

thenickcox

App.Collections.Albums = Backbone.Collection.extend
  model: App.Models.Album
  url: "/users/2/albums"

thenickcox

App.albums = new App.Collections.Albums()
// child {length: 0, models: Array[0], _byId: Object, constructor: function, model: function…}
App.albums.fetch();
// Object {readyState: 1, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function…}
App.albums.first()
// child {cid: "c1", attributes: Object, collection: child, _changing: false, _previousAttributes: Object…}
App.albums.first().get('title')
// “A Love Supreme"