JSFiddle - React, Tailwind, and code Playground

by nikoshr

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.3/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.9/backbone-min.js"></script>
<ul></ul>

JavaScript

var NavigationItem = Backbone.Model.extend({
    defaults: {
      name: '',
      href: '',
      last: false,
      id: ''
    },
    initialize: function() {
        
    }
  });
  
      
  var NavigationCollection = Backbone.Collection.extend({
    model: NavigationItem
  });


var NavView = Backbone.View.extend({  
    el : $('ul'), 
    
    initialize: function(){
        _.bindAll(this, 'render');
        this.navCollection = new NavigationCollection([ {name: "home", href: '/home'},{name: "about", href:'/about'},{name: "contact", href: '/contact'}]);
        this.render();
    },
    
    render : function() {
        this.navCollection.each(function (item) {
            $(this.el).append("<li><a href=" + item.get("href") + ">" + item.get("name") + "</a></li>");
        }, this);
        return this; 
    }
});
                                   
var v=new NavView();

var m = v.navCollection.at(0);
console.log( m.id != null && v.navCollection._byId[m.id] );