具有视图的Emberjs路由模型

Question

My app has a page where I'm using the view to display the data from other template with my view like this :

<script type="text/x-handlebars" data-template-name="enquiry">
        [...] // some other information display before
    {{view App.EnquirySelectedVehicleView}}
</script>

<script type="text/x-handlebars" data-template-name="selectedVehicle">
    // Here is my content
</script>

My map looks like this :

this.resource('enquiry', { path: '/enquiry/:enquiry_id'}, function() {
    this.route('selectedVehicle');
});

After reading the doc I just did this in my view :

App.EnquirySelectedVehicleView = Ember.View.extend({
    templateName: 'selectedVehicle'
});

So far so good, its showing the text from my template. But I need to return data from an ajax call in this template (selectedVehicle) automatically, like its fetching the data when you are on /enquiry/1/.

I've done this in my router :

App.EnquirySelectedVehicle = Ember.Object.extend({});

App.EnquirySelectedVehicleRoute = Ember.Route.extend({
    model: function() {
        console.log('DEBUG: SelectedVehicle Model');
        App.SelectedVehicle.vehicleStock(this)
    }
});

App.EnquirySelectedVehicle.reopenClass({
    vehicleStock: function(that) {
        console.log('DEBUG: Fetch vehicle stock');
        // Here come the ajax call
    }
});

But my issue is that route is never call.. How can I return some value from my selectedVehicleRoute when I'm on the /enquiry/1 page in a view template ? (not sure if I ask it correctly)

Thanks for the help !

[edit]

@Fanta : I think I begin to understand how I can do that :

App.EnquiryRoute = Ember.Route.extend({
    beforeModel: function(transition) {
        this.controllerFor('login').send('isSession', transition);
    },
    model: function(param) {
        var promise = new Ember.RSVP.Promise(function(resolve, reject) {
            var modelData = {enquiry: {}, vehicleStock: {}};
            Ember.$
            .get(host + '/enquiry/' + param['enquiry_id'], function(data) {
                console.log('DEBUG: Enquriry GET OK id = ' + param['enquiry_id']);
                modelData.enquiry = data.enquiry;
                Ember.$.get(host + '/vehiclestock/' + data.enquiry.VehicleStockId, function(data) {
                    console.log('DEBUG: VehicleStock GET OK id = ' + data.enquiry.VehicleStockId)
                    console.log(data);
                    modelData.vehicleStock = data.vehicleStock;
                    resolve(modelData);
                });
            });
        });
        return promise;
    }
});

It seems to work, now I have to figure it out how to display my Object :) but thank you for your help, that actually make me resolve it by a different way !

Answer 1

For future reference, just go to https://github.com/emberjs/ember.js/blob/master/CONTRIBUTING.md and you'll see two links, one to JSFiddle and one to a JSBin with the basic setup.

Are you sure the route is not being called ? I created a Fiddle, http://jsfiddle.net/NQKvy/817/ if you check the JS console, you'll see in the log:

DEBUG: SelectedVehicle Model
DEBUG: Fetch vehicle stock