Muestra de uso de backbone

Este c贸digo se puede ejecutar en la consola de JavaScript mientras visita http://backbonejs.org

Crea una clase modelo.

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

Usa el modelo con tus datos.

var myModelInstance = new MyModelClass({
'name': 'John',
'surname': 'Doe'
});

Cree una clase de vista, vincule a un elemento del DOM y vincule los cambios del modelo al m茅todo de representaci贸n.

var MyViewClass = Backbone.View.extend({

el
: '.container p:eq(1)',


initialize
: function () {
this.model.bind('change', this.render, this);
},
render
: function () {

this.$el.html('<p>' + this.model.get('name') + ' ' + this.model.get('surname') + '</p>');
_
.bindAll(this);
return this;
}
});

Utilice la vista creando una instancia con el modelo.

var myViewInstance = new MyViewClass({
model
: myModelInstance
});

Renderiza la vista.

myViewInstance.render();

Cambiar un atributo del modelo; esto activar谩 la actualizaci贸n de los elementos DOM.

myViewInstance.model.set('name', 'Jack');