Ember JS + Ember Data

by kristaps_petersons

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://raw.github.com/emberjs/ember-rails/master/vendor/ember/development/ember.js"></script>
<script src="https://raw.github.com/emberjs/ember-rails/master/vendor/ember/development/ember-data.js"></script>
<script type="text/x-handlebars" data-template-name="application">
</script>
<script type="text/x-handlebars" data-template-name="home">
</script>

JavaScript

window.App = Ember.Application.create();
App.Store = DS.Store.extend({
    revision: 4,
    adapter: DS.fixtureAdapter
});


App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
    templateName: 'application'
});

App.HomeController = Ember.Controller.extend({});
App.HomeView = Ember.View.extend({
    templateName: 'home'
});


App.Router = Ember.Router.extend({
    location: 'hash',
    enableLogging: true,
    root: Ember.Route.extend({
        index: Ember.Route.extend({
            route: '/',
        }),
        nested1: Ember.Route.extend({
            route: '/nested1',
            
            nested2: Ember.Route.extend({
                route: '/nested2',
                nested3: Ember.Route.extend({
                    route: '/nested3'
                }),
                nested4: Ember.Route.extend({
                    route: '/nested4'
                })                                                
            })
        })        
    })
});
App.initialize();
App.router.transitionTo('nested1.nested2')
App.router.transitionTo('nested3')