A Backbone.js Playground

A simple playground for learning backbone.js without having to install or configure anything yourself.

by jeffutter

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<div id="m">
</div>

JavaScript

$( document ).ready(function() {

function logMessage(m) {
    $('#m').append('<div>'+m+'</div>');
};

var startData = [{id: 1, note: 'step1'},{id:2, note:'bar'}];
    
var collection = new Backbone.Collection(startData);
    logMessage(collection.get(1).get('note')+':'+collection.get(1).get('updating'));

collection.set([{id:1, note: 'step2', updating: true}]);
logMessage(collection.get(1).get('note')+':'+collection.get(1).get('updating'));

collection.set([{id:1, note: 'step3'}]);
logMessage(collection.get(1).get('note')+':'+collection.get(1).get('updating'));
    
});