JSFiddle - React, Tailwind, and code Playground

by cmaher

HTML

<script src="http://documentcloud.github.io/underscore/underscore-min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://documentcloud.github.io/backbone/backbone-min.js"></script>
<script src="http://marionettejs.com/downloads/backbone.marionette.min.js"></script>
<div id="collectionEl"></div>

JavaScript

var ClickItemView = Marionette.ItemView.extend({
    events: {
        'click .clickBox': 'clickFn'
    },
    
    template: function () {
        return '<button class="clickBox">Click Me</button>';
    },
    
    clickFn: function () {
        alert('I have been clicked');
    }
});

var MyCollectionView = Marionette.CollectionView.extend({
    childView: ClickItemView
});

var collection = new Backbone.Collection([{}, {}]);

var collectionView = new MyCollectionView({
    el: '#collectionEl',
    collection: collection
});

collectionView.render();