A Backbone.js Playground

a playground setup with includes of backbone, jquery, underscore,...

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<script src="https://raw.github.com/jeromegn/Backbone.localStorage/master/backbone.localStorage.js"></script>

JavaScript

var FlagList = Backbone.Collection.extend({
    url: 'http://localhost:81/SoPostIt/Projects'
});

var FlagCollectionView = Backbone.View.extend({
  initialize: function() {
    this.collection.bind('add', this.addFlag, this); 
    this.collection.bind('reset', this.render, this); 
  },
  addFlag: function(flag) {
      alert("got it 1");
  },
  render: function() {
      alert("render");
  }
});

var AddFlagView = Backbone.View.extend({
  initialize: function() {
    this.collection.bind('add', this.closePopup, this);
  },
  closePopup: function() {
    alert("got it 2");
  }
});

var flags = new FlagList;
var addFlagView = new AddFlagView({collection: flags});
var flagCollectionView = new FlagCollectionView({collection: flags});

flags.add({Id: "toto"});
flags.fetch({error: function() { alert(arguments); }});