Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ember.js How to get controller in needs which is nested controllerName

I want to use this.get('controllers.pack.query'); to get App.PackQueryController in App.PackController, but failed.

I think the problem is Ember use pack not pack.query as controllerName when it tries to get the controller. Although I can get the controller by this.controllerFor('pack.query'), but Ember says it is deprecated, please use needs instead

My router map likes below and I've defined needs: ['pack.query'] in App.PackController

App.Router.map(function () {
    this.resource('pack', function () {
        this.route('index', {path: '/:pack_id'})
        this.route('query');
    });
});

App.PackController = Ember.ObjectController.extend({
    needs: ['pack.query'],
    queryPack: function () {
        var packQueryCtrller = this.get('controllers.pack.query');            

        Ember.debug('packQueryCtrller: ' + packQueryCtrller);
        //DEBUG: packQueryCtrller: undefined

        packQueryCtrller.queryPack(); //faild packQuery is undefined
    }
});

App.PackQueryController = Ember.ArrayController.extend({
    queryPack: function (queryKey) {
        //...do query pack
    }
});
like image 810
Isaddo Avatar asked Jun 21 '13 04:06

Isaddo


2 Answers

Ember.inject.controller() should be used to access a controller. Use it like so:

Setting

...
myController: Ember.inject.controller('pack'),
nestedController: Ember.inject.controller('pack/query')
...

Getting

...
this.get('myController');
this.get('nestedController');
...

The answer above was updated to reflect the needs deprecation in Ember 1.13.5 (released July 19, 2015). I've left the old answers below, but shouldn't be used unless you're using an older version of Ember.


[DEPRECATED] Accessing nested controllers from other controllers using needs:

Set needs on the controller:

...
needs: ['pack/query'],
...

Then access it using:

this.get('controllers.pack/query');

[DEPRECATED] Accessing nested controllers from routes:

Ideally, actions should be put on a Route. If you're using the needs pattern outlined above in your actions on a controller, consider refactoring.

You can access nested controllers from a Route using controllerFor like so:

this.controllerFor('pack/query')
like image 60
rog Avatar answered Sep 29 '22 12:09

rog


You should use camel case, not dot notation for this.

Your pack controller should be

 App.PackController = Ember.ObjectController.extend({
   needs: ['packQuery'],
   queryPack: function () {
     var packQueryCtrller = this.get('controllers.packQuery');            

     Ember.debug('packQueryCtrller: ' + packQueryCtrller);
     //DEBUG: packQueryCtrller: undefined

     packQueryCtrller.queryPack(); //faild packQuery is undefined
   }
});
like image 36
WallMobile Avatar answered Sep 29 '22 11:09

WallMobile