1

我目前有一个控制器,它对数据列表进行一些异步加载。在其他几个控制器中,我具有观察此加载何时完成并重新加载某些模型的功能。

我的项目的小设置:

App.SyncController = Ember.ObjectController.extend({
  finished: false,

  init: function() {
    var self = this;
    $.get('/data', function(data) {
      // Process data
      self.set('finished', true);
    });
  }
});

App.OverviewController = Ember.ObjectController.extend({
  needs: ['sync'],

  finishedSyncingObserver: function() {
    // Reload or update some data in this controller
  }).observes('controllers.sync.finished')
});

App.DetailController = Ember.ObjectController.extend({
  needs: ['sync'],

  finishedSyncingObserver: function() {
    // Reload or update some data in this controller
  }).observes('controllers.sync.finished')
});

在这个例子中,当 jQuery get 完成时,两个观察者都被调用。但是,是否可以看到哪个控制器处于活动状态,因此只执行一个观察者?

谢谢

4

1 回答 1

1

虽然我不得不承认@Marcio 在他的评论中是对的,因为init控制器的功能只被调用一次,但不知道你确切的用例可能没问题,因此这里有两种幼稚的方法。

使用两个不同的布尔值怎么样,并观察这些

App.SyncController = Ember.ObjectController.extend({
  finishedOverview: false,
  finishedDetail: false,

  init: function() {
    var self = this;
    $.get('/data', function(data) {
      // Process data
      if(thereIsDataForDetail) {
        self.set('finishedDetail', true);
      }
      if(thereIsDataForOverview) {
        self.set('finishedOverview', true);
      }
    });
  }
});

App.OverviewController = Ember.ObjectController.extend({
  needs: ['sync'],

  finishedSyncingObserver: function() {
    // Reload or update some data in this controller
  }).observes('controllers.sync.finishedOverview')
});

App.DetailController = Ember.ObjectController.extend({
  needs: ['sync'],

  finishedSyncingObserver: function() {
    // Reload or update some data in this controller
  }).observes('controllers.sync.finishedDetail')
});

或者反过来不努力观察

App.SyncController = Ember.ObjectController.extend({
  needs: ['overview', 'detail'],

  init: function() {
    var self = this;
    $.get('/data', function(data) {
      // Process data
      if(thereIsDataForDetail) {
        self.get('controllers.detail').send('setNewData', data);
      }
      if(thereIsDataForOverview) {
        self.get('controllers.overview').send('setNewData', data);
      }
    });
  }
});

App.OverviewController = Ember.ObjectController.extend({
  setNewData: function(data) {
    // Reload or update some data in this controller
  })
});

App.DetailController = Ember.ObjectController.extend({
  setNewData: function(data) {
    // Reload or update some data in this controller
  })
});

当然,如果您有两个以上依赖于sync控制器的控制器,那么这种简单的方法将无法很好地扩展。

编辑以回应您的最后评论

如果您在任何时间点都需要当前路线,您可以这样做:

var App = Ember.Application.create({
  currentPath: ''
});

App.ApplicationController = Ember.Controller.extend({
  currentPathChanged: function() {
    App.set('currentPath', this.get('currentPath'));
  }.observes('currentPath')
});

然后从你的 ajax 回调中,你可以这样做来获取当前路由:

App.get('currentPath');

希望能帮助到你。

于 2013-08-06T16:30:16.687 回答