javascript - 用于编辑模型的临时 Backbone 集合

Question

我正在处理一个系列和模型:

var StuffCollection = Backbone.Collection;
var StuffModel = Backbone.RelationalModel;

在一个地方，我用模型创建了该集合的一个实例:

var stuffCollection = new StuffCollection();
// do stuff here to load a bunch of models

在另一个地方，我想克隆该集合进行编辑而不编辑原始集合:

var tempStuffCollection = new StuffCollection();
tempStuffCollection.reset(stuffCollection.models);
// do stuff here to edit the collection

但是当我在 tempStuffCollection 中编辑模型时，它们会在 stuffCollection 中编辑 所以我尝试了这个:

var tempStuffCollection = new StuffCollection();
tempStuffCollection.reset(stuffCollection.toJSON());
// do stuff here to edit the collection

所以看起来所有引用都被删除了......但是没有!当我在 tempStuffCollection 中编辑模型时，它仍然会在 stuffCollection 中更改它们!

如何分离两个模型集合？

Answer 1

您将需要克隆该集合。这是一种方法。

var tempStuffCollection = new StuffCollection();
stuffCollection.each(function(model) {
  tempStuffCollection.add(new Backbone.Model(model.toJSON()));
});