Ember-Data template

by heuristocrat

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/data/ember-data-latest.js"></script>
<script type="text/x-handlebars">
  Items: {{App.itemsController.length}}
  <ul>
  {{#each App.itemsController}}
    <li>{{name}}</li>
  {{/each}}
  </ul>
</script>

JavaScript

window.App = Ember.Application.create({
});

App.store = DS.Store.create({
    adapter: 'DS.RESTAdapter',
    revision: 4
});

App.Node = DS.Model.extend({
    children: DS.hasMany(Node, { key: 'children_ids' }),
    parent: DS.belongsTo(Node, { key: 'parent_id' })
});

App.store.load(App.Node, {id: 1, children_ids: [2,3]});
App.store.load(App.Node, {id: 2, parent_id: 1});
App.store.load(App.Node, {id: 3, parent_id: 1});

App.itemsController = Ember.ArrayProxy.create({
    content: App.store.findAll(App.Node)
});