Sample Spine.js Controller in Pragmatic.ly

left_iteration_controller.js.coffee

class App.LeftIterationController extends Spine.Controller
  el: '.sidebar #iterations'

  elements:
    'ul.list': 'list'

  constructor: ->
    super
    App.Iteration.bind 'create', @addIteration
    App.Iteration.bind 'refresh', @refreshIterations

  release: ->
    super
    App.Iteration.unbind 'create', @addIteration
    App.Iteration.unbind 'refresh', @refreshIterations

  addIteration: (iteration) =>
    iteration.unbind()
    view = new App.IterationItem(item: iteration)
    @list.append(view.render().el)

  refreshIterations: (iterations) =>
    @addIteration iteration for iteration in iterations