JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://mochaleaf.com/ember.js"></script>
<script src="http://mochaleaf.com/ember-data.js"></script>
<script type='text/x-handlebars'>
{{#each post in App.postsController}}
<div>Post title: {{post.name}}</div>
<div>Author: {{post.author.name}}</div>
{{/each}}
</script>

JavaScript

App = Ember.Application.create();

App.store = DS.Store.create({
    revision: 5,
    adapter: DS.RESTAdapter.create({
        bulkCommit: false
    })
});

App.Post = DS.Model.extend({
    name: DS.attr("string"),
    author: DS.belongsTo("App.Author"),
});

App.Author = DS.Model.extend({
    name: DS.attr("string")
});

App.Author.FIXTURES = [
    {
    id: 1,
    name: 'Charlie Dickinson'},
{
    id: 2,
    name: 'Mark Twain'}
]

App.store.load(App.Post, {
    id: 1,
    name: "cool post",
    author_id: 1
});
DS.fixtureAdapter.findAll(App.store, App.Author);
App.postsController = Ember.ArrayController.create();
App.postsController.set('content', []);
App.postsController.pushObject(App.Post.find(1));