How to fire an event to Ember from another framework

by

So now to the big question: is there a better way to access the router or a controller from outside Ember? Preferably send an event to either with a context.

Yes. This sounds like a good fit for the ember instrumentation module. Have an appropriate controller subscribe to SignalR events, then trigger them whenever your app handles real-time notification.

First, add a method to ApplicationController for processing updates. If not defined here the event would bubble to the router.

App.ApplicationController = Ember.Controller.extend({
  count: 0,
  name: 'default',
  signalrNotificationOccured: function(context) {
    this.incrementProperty('count');
    this.set('name', context.name);
  }
});

Next, setup your ApplicationController by subscribing to the signalr.notificationOccured event. Use the before callback to log the event and send it’s payload to the controller.

App.ApplicationRoute = Ember.Route.extend({
  setupController: function (controller, model) {
    Ember.Instrumentation.subscribe("signalr.notificationOccured", {
      before: function(name, timestamp, payload) {
        console.log('Recieved ', name, ' at ' + timestamp + ' with payload: ', payload);
        controller.send('signalrNotificationOccured', payload);
      },
      after: function() {}
    });
  }
});

Then from your SignalR Application, use Ember.Instrumentation.instrument to send payload to your ApplicationController as follows:

notificator.update = function (context) { 
  Ember.Instrumentation.instrument("signalr.notificationOccured", context);
});

I posted a working copy with simulated SignalR notifications here: http://jsbin.com/iyexuf/1/edit

Docs on the instrumentation module can be found here, also check out the specs for more examples.

More Related Contents:

  1. Ember-data embedded records current state?
  2. How to use multiple models with a single route in EmberJS / Ember Data?
  3. Ember component send action to route
  4. Using Ember.js, how do I run some JS after a view is rendered?
  5. Get current route name in Ember
  6. Handling errors with the (now default) Ember Data JSON-API adapter
  7. Hashbang URLs using Ember.js
  8. emberjs – how to mark active menu item using router infrastructure
  9. Ember pagination full example
  10. infinite scroll with ember.js (lazy loading)
  11. How can an observer find out the before and after values of the observed property in Ember.js?
  12. Client-side Javascript app – url routing with no hash tag
  13. Is it possible to load a Handlebars template via Ajax?
  14. What is the purpose of the Ember.Container
  15. Difference between Ember.get() and this.get()
  16. How to use third party npm packages with ember cli app
  17. Right way to do navigation with Ember
  18. Positional index in Ember.js collections iteration
  19. How can I execute array of promises in sequential order?
  20. SPA best practices for authentication and session management
  21. How do you create a custom adapter for ember.js?
  22. Token Authentication vs. Cookies
  23. How to make embedded hasMany relationships work with ember data
  24. Separate REST JSON API server and client? [closed]
  25. Ember transition & rendering complete event
  26. Recommended way to include bootstrap library in Ember.JS ember-cli App
  27. Ember.js and RequireJS
  28. how can I invoke an ember component dynamically via a variable?
  29. ember.js + handlebars: render vs outlet vs partial vs view vs control
  30. How to observe all object property changes?

Leave a Comment