EmberData 1.0.0-beta.8

by amindunited

HTML

<script type="text/x-handlebars" data-template-name="application">
    <h1>Header</h1>
    <nav>{{#link-to 'category' 1}}Category{{/link-to}}</nav>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="category">
    <div>Category {{id}}</div>
</script>
<script type="text/x-handlebars" data-template-name="subcategory">
    <div>SubCategory {{content.id}}</div>
</script>
<script type="text/x-handlebars" data-template-name="event">
    <div>Event </div>
</script>


<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.3.0/handlebars.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.5.1/ember.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.0.0-beta.8/ember-data.min.js"></script>
<script src="https://rawgithub.com/gigafied/ember-animate/master/ember-animate.js"></script>

JavaScript

App =  Em.Application.create();

Em.Router.map(function(){
    this.resource('category', {path:'/category/:cat_id'}, function(){
        this.resource('subcategory', {path:'/subcategory/:subcat_id'}, function(){
            this.resource('event', {path:'/event/:event_id'}, function(){
            
            });
        });
    });
});

App.ApplicationAdapter = DS.FixtureAdapter;

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

App.Category.FIXTURES = [
  { id: 1, firstName: 'Trek', lastName: 'Glowacki' },
  { id: 2, firstName: 'Tom' , lastName: 'Dale'     }
];

App.CategoryRoute = Ember.Route.extend({
  model: function() {
      return this.store.find('category', 1);
  }
});
App.CategoryView = Em.View.extend({
    didInsertElement: function(){
        console.log('Category View sees ', this.get('controller.content'));
    }
});

$(function(){
    console.log("about to test JSON api");
    $.ajax({
        url: "/echo/json/",
        method: 'post',
        data: {
            json: JSON.stringify({
                'subcat_info':{},
                'events_list': [{
                    id: '1',
                    runners: [{name:'runner_1', id:'1'},
                             {name:'runner_2', id:'2'},
                              {name:'runner_3', id:'3'},
                              {name:'runner_4', id:'4'},
                              {name:'runner_5', id:'5'}
                             ]
                }]
            }),
            delay: 2
        },
        success: function(data){
            console.log('got data back', data);
        },
        error: function(err){
            console.log("there was an error");
        }
    });
});