JSFiddle - React, Tailwind, and code Playground

by redengin

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js" type="text/javascript"></script>

<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.3.js" type="text/javascript"></script>


<script data-template-name="application" type="text/x-handlebars">

    My Special Collection
    {{#collection App.MyCollectionView contentBinding="this" tagName="ul"}}
      {{name}}
    {{/collection}}

</script>

CSS

div {
    outline: 1px solid red;
}

.selected {
    color: green;
}

JavaScript

App = Ember.Application.create();

/** Views */

/** Controllers */
App.ApplicationController = Ember.ArrayController.extend({
        content: [ 'item1', 'item2', 'item3' ],        
});

App.MyCollectionView = Ember.CollectionView.extend({
    
    create: function(options) {
        alert( "options: " + JSON.stringify(options) );
    },
});