JSFiddle - React, Tailwind, and code Playground

by krisselden

HTML

<script type="text/javascript">Object.defineProperty = null;</script>

<script src="https://dl.dropbox.com/u/14000622/jsfiddle/lib/ember-master-2012-06-07.js"></script>

<script type="text/x-handlebars" data-template-name="main">
    {{view App.Child}}
    {{view App.Child childValuesBinding="view.mainValues"}}
    {{view App.Child}}    
</script>

<script type="text/x-handlebars" data-template-name="child">
    <ul>
        {{#each view.childValues}}
            <li>{{this}}</li>
        {{/each}}
    </ul>        
</script>

CSS

.child {
    background: #edfffe;    
    margin: 5px;   
}

JavaScript

var App = window.App = Ember.Application.create();

App.Main = Ember.View.extend({  
    templateName: 'main',
    classNames: ['main'],
    
    mainValues: ['a','b','c'],
    
    childValues: ['this', 'is', 'wrong']
});

App.Child = Ember.View.extend({
    templateName: 'child',
    classNames: ['child'],
    
    childValues: [1,2,3],
   
    
});

$(function() {
    App.main = App.Main.create().append();    
});