gistfile1.js

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

Myember.Router.map(function () {
  this.resource('kb_glyprobs', {path: '/glycemic-problems'}, function() {
    this.route('page', { path: '/page/:page_id' });
  });
});

Myember.KbGlyprobsPageRoute = Ember.Route.extend({
  model: function(params) {
    return Myember.KbGlyprobPage.find(params.page_id);
  },
  renderTemplate: function() {
    this.render('foo1');
  },
  serialize: function(model) {
    return {page_id: model.page_id};
  }
});

Myember.KbGlyprobPage = Ember.Object.extend({
});

Myember.KbGlyprobPage.reopenClass({
  find: function(page_id) {
    return {
      page_id: page_id,
      other_pages: [Myember.KbGlyprobPage.create({page_id: 2}), Myember.KbGlyprobPage.create({page_id: 3})],
      // imagine these were objects fetched from server
      objs: [Ember.Object.create({id: 11}), Ember.Object.create({id: 12}), Ember.Object.create({id: 13})]
    };
  }
});