StateChart Observer Example Usage

statechart.js

rootState: Ki.State.design({
  initialSubstate: 'loading',

  loading: Ki.State.design({
    enterState: function() {
      var controller = App.ticketsController;
      this._observer = this.addStatechartObserver(controller, 'status', 'statusChanged');
      controller.set('content', App.store.find(App.TICKET_QUERY));
    },

    statusChanged: function(target, key, revision) {
      if (target === App.ticketsController && key === 'status') {
        if (target.get(key) === SC.Record.READY_CLEAN) this.gotoState('idle') ;
        // else ignore any other status changes
      }
    },

    exitState: function() {
      this.removeStatechartObserver(App.ticketsController, 'status', this._observer) ;
      this._observer = null ;
    }
  }),

  idle:Ki.State.design({
    enterState: function() {
      console.log('idle');
    }
  })
})