Ember implement list/details view

I am trying to implement a parent/child kind of view as below. i.e. a list is shown initially & on-click of any of the items, I want to be taken to the details view (passing the specific id, making a AJAX request and rendering the child template with the details)

Router.map(function() {
    this.route('pending-items', function() {
        this.route('pending-items-details', {
            path: 'details/:itemId'
        });
    });
});

My question is do I have to follow specific hiearchy for the folders while creating routes/controllers/templates given the above requirement for pending-items' & 'pending-items-details'

Also how do I render the child template with the details once I have the AJAX response ?