EMBER WORKSHOP: FixtureAdpater

FixtureAdpater

by jdcravens

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/tags/v1.9.0/ember.js"></script>
<script src="http://builds.emberjs.com/tags/v1.0.0-beta.12/ember-data.js"></script>
<script type="text/x-handlebars">
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
    <h2>Categories</h2>
    
    {{#each category in categories}}
        <p>{{category.name}}</p>
        <p>{{category.description}}</p>
    {{/each}}

</script>

JavaScript

var App = Ember.Application.create();

App.ApplicationAdapter = DS.FixtureAdapter.extend({
    latency: 2000
});

App.IndexRoute = Ember.Route.extend({
  model: function() {
    return Ember.RSVP.hash({
      categories: this.store.find('category')
    });
  }    
});

App.Category = DS.Model.extend({
  name: DS.attr('string'),
  description: DS.attr('string')
});

App.Category.FIXTURES = [
  {
    id: 1,
    name: 'Category No.1',
    description: 'This is Category No.1'
  }, {
    id: 2,
    name: 'Category No.2',
    description: 'This is Category No.2'
  }, {
    id: 3,
    name: 'Category No.3',
    description: 'This is Category No.3'
  }
];