Cheatsheet: skeleton for a small backbone exampleapp

models.coffee

class NestedCommentView extends Backbone.View
  tagname: "div"
  initialize: =>
    @model.bind 'change', @render
    @model.bind 'destroy', @unrender
  
  #bind this to a dom event
  #events:
  #   "click .deletecomment": "deleteComment"
  
  deleteComment: =>
    @model.destroy()
  
  render: =>
    $(@el).html "<p>Test #{@model.get 'name'}</p>"
    @
  unrender: =>
    $(@el).remove()
    @

class TestModel extends Backbone.Model    
  render: =>
    myview = new NestedCommentView model: @
    $("body").append  myview.render().el

class CommentList extends Backbone.Collection
  model: TestModel
  initialize: =>
    @bind 'add', (item) -> item.render()

$ ->
  window.commentCollection = new CommentList
  window.commentCollection.add([
    new TestModel name:"alma",
    new TestModel name:"korte",
    new TestModel name:"birs",
  ])
  window.commentCollection.models[0].set("name","banana")