thenickcox

-# app/views/albums/index.html.haml

.featured-albums.panel
  %ul#featured

thenickcox

App.Views.AlbumItemView = Backbone.View.extend
  tagName: 'li'

thenickcox

App.Views.AlbumItemView = Backbone.View.extend
  tagName: 'li'
  template: _.template "<%= title %>"

thenickcox

App.Views.AlbumItemView = Backbone.View.extend
  tagName: 'li'
  template: _.template "<%= title %>"
  initialize: ->
    @model = new App.Models.Album (title: 'Giant Steps')
  render: ->
    @$el.html @template @model.attributes
    this

thenickcox

a = new App.Views.AlbumItemView
// child {cid: "view10", $el: jQuery.fn.init[1], el: li, model: child, constructor: function…}

thenickcox

App.Views.AlbumsItemView = Backbone.View.extend
  el: '#featured’

thenickcox

App.Views.AlbumsItemView = Backbone.View.extend
  el: '#featured'
  render: ->
    for model in @collection.models
      itemView = new App.ItemView(model: model)
      @$el.append itemView.render().el

thenickcox

$ ->
  App.albumsListView = new App.Views.AlbumsListView
  App.albums = new App.Collections.Albums
  App.albums.fetch()

thenickcox

console.log(App.albums);
// child {length: 9, models: Array[9], _byId: Object, constructor: function, model: function…}

thenickcox

App.AlbumsListView = Backbone.View.extend
  el: '#featured'
  initialize: ->
    @listenTo @collection, 'sync', @render
  render: ->
    for model in @collection.models
      itemView = new App.AlbumItemView(model: model)
      @$el.append itemView.render().el

$ ->