将主干集合与服务器响应合并

Question

TL;DR：如果我从服务器轮询整个模型集合，如何将更改的属性合并到每个模型中，并从集合中添加/删除添加/删除的模型？

在我的主干应用程序中，我正在轮询整个模型集合。我有一个 Backbone.Collection ，每次获取模型数组时我基本上都会调用 reset ，所以：

myCollection.reset(server_response);

唯一的问题是它摆脱了旧模型，有点消除了事件对模型的好处。这当然是reset的目的，但我想做的只是修改模型的更改属性，并删除不在响应中的模型，并添加在响应中但不在响应中的模型集合。

本质上，我想要对数据进行某种合并。

对于已经在响应和集合中的模型，我相信我可以执行 model.set(attributes) ，并且它只负责设置那些实际上发生了变化，触发了流程中的 change 事件。这太棒了。

但是，如何处理模型在响应中但不在集合中的情况，反之亦然，不在响应中但在集合中？

我提出的解决方案

我不知道骨干是否已经有办法做到这一点，我可能过于复杂，这就是我问的原因，但我当时正在考虑在我的集合上创建一种方法它通过server_response。

它将获取 server_response 的所有 id 属性，以及集合中已有模型的所有 id 属性。

响应中 id 的差异 - 集合 = 添加模型，反之亦然将删除模型。分别从集合中添加和删除这些模型。

两组 id 的交集将是修改后的模型，因此迭代这些 id 并简单地执行 collection.get(id)。设置（属性）。

在伪咖啡脚本中：

merge: (server_response) =>
  response_ids = _.pluck(server_response, 'id')
  collection_ids = @pluck('id')

  added = _.difference(response_ids, collection_ids)

  for add in added
    @add(_.find(server_response, (model) ->
      return model.id == add
    ))

  removed = _.difference(collection_ids, response_ids)

  for remove in removed
    @remove(@get(remove))

  changed = _.intersection(response_ids, collection_ids)

  for change in changed
    @get(change).set(_.find(server_response, (model) ->
      return model.id == change
    ))

Answer 1

这种技术有时很有用。我们使用以下方法扩展 Collection。这应该可以满足您的要求。它不在咖啡中，但您可以轻松移植它。享受！

// Take an array of raw objects
// If the ID matches a model in the collection, set that model
// If the ID is not found in the collection, add it
// If a model in the collection is no longer available, remove it
freshen: function (objects) {
    var model;
    // Mark all for removal

    this.each(function (m) {
        m._remove = true;
    });

    // Apply each object
    _(objects).each(function (attrs) {
        model = this.get(attrs.id);
        if (model) {
            model.set(attrs); // existing model
            delete model._remove
        } else {
            this.add(attrs); // new model
        }
    }, this);

    // Now check for any that are still marked for removal
    var toRemove = this.filter(function (m) {
        return m._remove;
    })

    _(toRemove).each(function (m) {
        this.remove(m);
    }, this);
    this.trigger('freshen', this);
}

Answer 2

这三天前刚刚进入 Backbone master：

https://github.com/documentcloud/backbone/pull/1220