Ember — 观察记录的创建/删除 [英] Ember — observe for creation/deletion of records

问题描述

假设我有 2 组独立的控制器/模型:Dog 和 Cat.

Let's say I have 2 independent set of controllers/models: Dog and Cat.

现在，每当我创建新的 Cat 记录(或删除现有记录)时，我都希望 Dog 控制器观察记录的创建/删除以及何时创建新的 Cat 记录已创建我希望它触发一些操作(例如 console.log('Bark!')).

Now, whenever I create new Cat record (or delete existing one) I want Dog controller to observe for creation/deletion of the record and when new Cat record is created I want it to fire some action (for example console.log('Bark!')).

在这种情况下，我不想将动作从 Cat 控制器直接发送到 Dog 控制器；我希望 Dog 控制器对自己负责.如果可能，有没有办法从 Dog 控制器的角度判断记录是创建还是删除?

I don't want to send action from Cat controller to Dog controller directly in this case; I want Dog controller to be responsible for itself. In case it is possible, is there any way to tell from the Dog controllers point of view whether a record was created or deleted?

任何想法如何做到这一点?

Any ideas how to do that?

推荐答案

使用 Ember 数据

在狗/猫控制器上，您可以创建对猫/狗集合的引用.

Using Ember Data

On the dog/cat controller you can create a reference to the cat/dog collection.

假设您正在创建狗控制器

let's assume you're creating the dog controller

App.DogRoute = Em.Route.extend({
  model: function(){
    return this.store.find('dog');
  },
  setupController: function(controller, model){
    this._super(controller,model);
    controller.set('cats', this.store.all('cat'));
  }
});

App.DogController = Em.ArrayController.extend({
  catsChanged: function(){

  }.observes('cats')
});

此外，您可以添加一个数组观察者并观察项目如何变化.

Additionally you could add an array observer and watch how the items are changing.

App.DogRoute = Em.Route.extend({
  model: function(){
    return this.store.find('dog');
  },
  setupController: function(controller, model){
    this._super(controller,model);
    var all = this.store.all('cat');
    controller.set('cats', all);
    all.addArrayObserver(controller);
  }
});

App.DogController = Em.ArrayController.extend({
  arrayWillChange: function(array, start, removeCount, addCount) {
    console.log(arguments);
  },
  arrayDidChange: function(array, start, removeCount, addCount) {
    console.log(arguments);
  }
});

使用需求并观察控制器

App.CatsController = Em.ArrayController.extend({
  needs: 'dog',
  dogs: Em.computed.alias('controllers.dogs'),
  dogsChanged: function(){
    console.log('dogs changed');
  }.observes('dogs.[]')
});


App.DogsController = Em.ArrayController.extend({
  needs: 'cat',
  cats: Em.computed.alias('controllers.cats'),
  catsChanged: function(){
    console.log('cats changed');
  }.observes('cats.[]')
});

这篇关于Ember — 观察记录的创建/删除的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！