JSFiddle - React, Tailwind, and code Playground

by cjblomqvist

HTML

<script language="JavaScript" type="text/javascript" src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script language="JavaScript" type="text/javascript" src="http://documentcloud.github.com/backbone/backbone.js"></script>

<div id="test">test</div>

<div id="log">log: </div>

JavaScript

var TheModel = Backbone.Model.extend({
    defaults: {
        a: 1,
        b: 2
    }
});

var TheCollection = Backbone.Collection.extend({
    
    model: TheModel,
    
    initialize: function () {
        
        this
            .on(
                'change:a',
                function ( model, value, options ) {
                    
                    $('#log').append( '<p>a changed into: ' + value + '</p>' );

                    model.set({
                            b: parseInt( model.get('b') ) + 1
                        });                
            
                },
                this
            )
            .on(
                'change:b',
                function ( model, value, options ) {
                    
                    $('#log').append( '<p>b changed into: ' + value + '</p>' );
            
                },
                this
            );
            
    }
    
});

var collection = new TheCollection([
    {
        id: '1'
    }
]);

collection
    .get('1')
        .set({
            a: 2
        });