backbone.html | searchcode

/web/com.wordpress.katratxo.mobile.sample1/backbone.html

https://bitbucket.org/iperdomo/com.wordpress.katratxo.mobile.sample1
HTML | 47 lines | 39 code | 8 blank | 0 comment | 0 complexity | de7a68d3c00688bba52e010fa27853cf MD5 | raw file


<!DOCTYPE html>
<html>
<head>
  <script src="js/json2.js"></script>
  <script src="js/jquery-1.7.1.min.js"></script>
  <script src="js/underscore-1.3.1.min.js"></script>
  <script src="js/backbone-0.9.1.min.js"></script>
</head>
<body>
<div id="products"></div>
<script>
  var Product = Backbone.Model.extend({});

  var ProductList = Backbone.Collection.extend({
    model: Product,
    url: '../../org.openbravo.service.datasource/Product',
    parse: function (response, error) {
      if (response && response.response) {
        return response.response.data;
      }
    }
  });

  var Products = new ProductList;

  var ProductsView = Backbone.View.extend({
    el: '#products',
    
    tag: 'ul',
    
    tpl: "<% _.each(models, function(product) { %> <li><%= product.attributes._identifier %></li> <% }); %>",
    
    initialize: function () {
      Products.bind('all', this.render, this);
      Products.fetch();
    },

    render: function (event, collection, error) {
      $(this.el).html('<ul>' + _.template(this.tpl, collection) + '</ul>');
      return this;
    }    
  });

  var App = new ProductsView;
</script>
</body>
</html>