Question

I am iterating over a collecion using an itemController like this:

{{#each col itemController="colItem"}}
  <li>
    <a {{action doAction this}} href="#">{{name}}</a>
  </li>
{{/each}}

I want doAction to go to the route and not the itemController.

I have doAction defined in a route like this:

Radium.SomeRoute = Ember.Route.extend
  events:
    doAction: (status)->

If I remove the itemController then it will be dispatched to the route. Can I target the route action somehow?

Answer 1

Assuming your controller is an instance of Ember.Controller and has not implemented it’s own doAction, the event should automagically bubble up to the route.

It may be an ember bug, but it seems that events do not bubble to the router when you specify an item controller via the {{#each}} helper.

As a workaround, you can instead specify the itemController as a property of the parent controller.

App.ItemsController = Ember.ArrayController.extend({
  itemController: "Item"
});

I’ve created a jsbin to demonstrate this workaround: http://jsbin.com/anesop/2/edit