Ember-Data template

by rmossuk

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">
    
  {{App.itemController.content.name}}
    
  <ul>
  {{#each App.itemController.content.items}}
    <li>-{{name}}</li>
  {{/each}}
  </ul>
    
    
    <br><br>
    <p>count = {{App.itemController.content.items.length}}</p>
</script>

JavaScript

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

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

App.Item = DS.Model.extend({
    name: DS.attr('string'),
    items: DS.hasMany('App.Item', {embedded: true} )
});

 App.Item.FIXTURES = [
    {id: 1, name: 'Level1', items: [{id: 2, name: 'Level2', itemId: 1},{id: 3, name: 'another Level2', itemId: 1}]}
 ];

App.itemController = Ember.ObjectController.create({
    content: App.store.find(App.Item, 1)
});