A Backbone.js Playground

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

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<script src="https://getfirebug.com/firebug-lite.js"></script>

JavaScript

var Todo = Backbone.Model.extend({});

var Collection = Backbone.Collection.extend({
    initialize: function(){
        this.bind('change:name', function( model, prop ){
            model.collection.sort()
            console.log( model.collection.indexOf(model) )
        });
    },
    
    model: Todo,
    
    comparator: function(model){
        return model.get('name');
    }
});

var data = [
    { name: 'b' },
    { name: 'c' }
];

var c = new Collection( data ),
    a = new Todo({ name: 'a' });

c.add( a );
a.set({ name: 'zzz' });

console.log( c.pluck('name') );