How to access a parent model within a nested index route using ember.js?

Question

I have the following route structure

App.Router.map(function(match) {
    this.route("days", { path: "/" });
    this.resource("day", { path: "/:day_id" }, function() {
        this.resource("appointment", { path: "/appointment" }, function() {
            this.route("edit", { path: "/edit" });
        });
    });
});

When I'm inside the AppointmentIndexRoute I'm looking for a way to create a new model using some meta day from the day (parent) model but because the day model does not yet know about this appointment I'm unsure how to associate them until the appointment is created / and the commit is fired off.

Any help would be much appreciated

Community · Accepted Answer · 2017-05-23 12:34:26Z

43

From within the AppointmentIndexRoute's model hook you can use modelFor('day') to access the parent model. For example:

App.AppointmentIndexRoute = Ember.Route.extend({
  model: function(params) {
    day = this.modelFor("day");
    ...
  }
});

Another example is here: emberjs 1.0.0pre4 how do you pass a context object to a resource "...Index" route?

edited May 23, 2017 at 12:34

CommunityBot

11 silver badge

answered Feb 5, 2013 at 14:03

Mike Grassotti

19.1k3 gold badges62 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Toran Billups Over a year ago

I love it when it's that simple -thanks for the blazing fast reply!

andorov Over a year ago

note that now (Ember 2.0) you need to use the full path of the route, so it would be this.modelFor('days.day')

LukeP Over a year ago

@andorov Am I missing something? It doesn't look like day route is nested under days. They're siblings.

andorov Over a year ago

yup, you're right. however i believe pre-2.0 would let you get away with non-absolute modelFor calls

Emad · Accepted Answer · 2014-09-09 19:33:06Z

3

What if I am not using ember data? How do I get the parent id in a route like

  this.resource('workspace',function () {
    this.resource('workflow', {path: '/:workspace_id/workflow'}, function () {
      this.route('show', {path: '/:workflow_id'});
    });
  });

This code will not work:

App.WorkflowShowRoute = Em.Route.extend({
  model: function(params) {
      var ws  = this.modelFor('workspace');  //ws is undefined
      return this.store.find('workflow', params.id, ws.id);
  }
});

EDIT: I found a workaround, it's not ideal but works exactly the way I want it.

  this.resource('workspace',function () {
    this.route('new');
    this.route('show', {path: '/:workspace_id'});
    //workflow routes
    this.resource('workflow', {path: '/'}, function () {
      this.route('new', {path:'/:workspace_id/workflow/new'});
      this.route('show', {path: '/:workspace_id/workflow/:workflow_id'});
    });
  });

And in my workflow route, I can access the workspace_id jus as I expect from the params property:

App.WorkflowShowRoute = Em.Route.extend({
  model: function(params) {
      return this.store.find('workflow', params.workflow_id, params.workspace_id);
  }
});

Finally, here is my link-to inside the workspace.show route helper:

{{#each workflow in workflows}}
  <li>
    {{#link-to 'workflow.show' this.id workflow.id}}{{workflow.name}}{{/link-to}}
  </li>
{{/each}}

edited Sep 9, 2014 at 19:33

answered Sep 9, 2014 at 12:15

Emad

4,2005 gold badges35 silver badges36 bronze badges

2 Comments

Toran Billups Over a year ago

where are you storing your data (if you are not using the ember-data store)? do you have a home grown identity map or something equivalent ?

Emad Over a year ago

I created my own store using the technique expalined here eviltrout.com/2013/03/23/ember-without-data.html

Collectives™ on Stack Overflow

How to access a parent model within a nested index route using ember.js?

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related