Backbone.stickit Example

backboneStickitExample.js

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

var ProductView = Backbone.View.extend({
  template: _.template("<h1 id='name'></h1><p id='price'></p>"),
  bindings: {
    "#name": { modelAttr: "name" },
    "#price": { modelAttr: "price", format: 'formatPrice' }
  },
  render: function() {
    this.el.innerHTML = this.template();
    this.stickit();
    return this;
  },
  formatPrice: function(price) {
    return "$" + price.toFixed(2);
  }
});

var product = new Product({ name: "Camera", price: "$500" });
var productView = new ProductView({ model: product });

$("#main").append(productView.render().el);

// try on the console to change an attribute and
// the view will update automatically, e.g.
// product.set({ name: "Computer" });