Composite View: Grid View

A grid view build w/ Marionette

by Eric Howe

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.modelbinding/master/backbone.modelbinding.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.memento/master/backbone.memento.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.marionette/master/lib/backbone.marionette.js"></script>
<div id="myregion">
   region
</div>

<script type="text/template" id="template-page">
   <button id="<%= Page.doSomethingButton %>">click me</button>
</script>

CoffeeScript

class MyRegion extends Backbone.Marionette.Region
  
  el: '#myregion'   

class window.Page extends Backbone.Marionette.Layout

  template: '#template-page'

  @doSomethingButton: 'do-something'
  
  initialize: ->
    if(!@constructor::events)
      key = "click button##{Page.doSomethingButton}"
      @constructor::events = { }
      @constructor::events[key] = 'doSomething'
    
  doSomething: (event) ->
    console.log 'done'

region = new MyRegion()
region.show new Page()