Can emberjs router states handle events that child cannot handle?

Question

Like a typical Hierarchical state machine, I want to get events that a child state cannot handle but a parent state can, to be handled in parent state. I get the error "could not respond to event xyz in state Y"

    App.Router = Ember.Router.extend 
      location: "hash"
      enableLogging: true
      x: Ember.Route.extend
        xyz : (router, event) ->
          # Some handling code
        y : Ember.Route.extend()

In the above code is there some way of xyz happens in y state, it can be handled by x ? I assumed that HSM would do that. But its not working

That is how it should work, I'd check that the routes are nested correctly, if not can you post your actual code. — Bradley Priest, Oct 18 '12 at 08:15
its very close to the actual code, I will try to put a jsfiddle, but the case is a mirror of this case. — sudhanshu, Oct 18 '12 at 08:35
also any reference where this hierarchical handling does work ? — sudhanshu, Oct 18 '12 at 08:49
do you have a root route ? Usually the event are bubbled up through states, seems strange it does not work for you... Indeed a fiddle/jsbin wil be appreciated — sly7_7, Oct 18 '12 at 15:08
Its working now, was my problem of poor indentation. Thanks for helping out. — sudhanshu, Oct 22 '12 at 07:46

score 1 · Accepted Answer · answered Oct 19 '12 at 11:16

1

The answer is Yes, the router is a hierarchical state machine and events will be passed the current state and then up to it's parents until it is handled. An error is raised if the event is not handled by any state in the current path.

If this is not working for you, there is an error in your code somewhere.

answered Oct 19 '12 at 11:16

Luke Melia

8,389
33
41

Its working now, problem occurred due to bad indentation I suppose. – sudhanshu Oct 22 '12 at 07:46

Can emberjs router states handle events that child cannot handle?

1 Answers1