marionette script

gistfile1.js

// sample

var MyView = Marionette.ItemView.extend({
  template: "my-template-id"
});
var myView = new MyView({ model: Dog});
myView.render();


// ItemView sample

MyView = Backbone.Marionette.ItemView.extend({
  template: "#myTemplate",
  ui: {
  "flag" : "#myFlag"
  },
  modelEvents: {
    "change": "modelChanged"
  },
  modelChanged: function() {
    this.ui.flag.html("changed!");
  }
});
var view = new MyView({model: myModel});
view.render();


// Collection View

MenuListView = Marionette.CollectionView.extend({
  tagName: "ul",
  itemView: MenuItemView
});

var menuList = new MenuListView({collection: menu});
menuList.render();


// CompositeView

var GridRow = Backbone.Marionette.ItemView.extend({
    template: "#row-template",
    tagName: "tr"
});
var GridView = Backbone.Marionette.CompositeView.extend({
    tagName: "table",
    template: "#grid-template",
    itemView: GridRow,
    appendHtml: function(collectionView, itemView){
        collectionView.$("tbody").append(itemView.el);
    }
});