Detecting when model update and send Ajax Request in Emberjs - ember.js

Question

In my application i have model and i want when model update then send an ajax Request to server. for example i have a model like this :
App.Post = DS.Model.extend({
title:DS.attr('string'),
comment:DS.attr('string')
});
And controllers like this :
App.PostController = Ember.Controller.extend({
//if post model update send Ajax Request
});
App.CommentController = Ember.Controller.extend({
//if post model update send ajax Request
});
App.OtherController = Ember.Controller.extend({
//if post model update send ajax Request
});

Answer 1

You can define a action in the route
App.ApplicationRoute = Ember.Route.extend({
actions:{
sendRequest:function(){
//send Ajax Request
}
}
});
and in the setupController hook of your post route you subscribe to model events
App.PostRoute = Ember.Route.extend({
setupController: function(controller, model) {
controller.set('model', model);
model.on('didUpdate',controller,function(){this.send('sendRequest')})
model.on('didCreate',controller,function(){this.send('sendRequest')})
model.on('didDelete',controller,function(){this.send('sendRequest')})
}
});
hope this help, it's only an example, you can do it in several ways, the idea is to subscribe to model events that fire when the server respond to POST, PUT or DELETE requests
based on your JsBin....
OlapApp.OlapRoute = Ember.Route.extend({
setupController(controller,model){
var that = this;
this.store.findAll('axisModel').then(function(axisModel){
axisModel.on('didUpdate',controller,function(){this.send('sendRequest')})
axisModel.on('didCreate',controller,function(){this.send('sendRequest')})
axisModel.on('didDelete',controller,function(){this.send('sendRequest')})
that.controllerFor('OlapColumn').set('model', axisModel);
that.controllerFor('OlapRow').set('model', axisModel);
that.controllerFor('OlapFilter').set('model', axisModel);
});
}
});