Backbone Template

Standard fiddle

by Andy Novocin

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js"></script>
<div id="app"></div>

JavaScript

var ModelView = Backbone.View.extend({
    el: "#app",
    events : {
        "click #mybutton" : "ageByOne"
    },
    ageByOne : function(){
        this.model.set({age : this.model.get('age') + 1}); 
    },
    initialize : function(){
        this.listenTo(this.model, 'change:age', this.render, this);
        this.render();
    },
    render : function(){
      this.$el.html(this.model.get('age') + 
        '<br/><button id="mybutton">Click to age</button>');  
    }
});

var Model = Backbone.Model.extend({
    defaults : { age : 25} 
});

var person = new Model();
var personView = new ModelView({model : person});