如何替換Backbone.Collection中的模型？

Question

假設我有一個Backbone.Collection三種型號。我想替換中間的一個，將第一個和第三個模型保留在當前位置。 （假設沒有comparator。）我該怎麼做？

Answer 1

這是今天的一個很好的問題，仍然具有現實意義，所以值得回答。

當你問這個問題時，我的答案中使用的功能是不存在的，但現在這樣做很簡單。

無論如何，假設您的收藏夾名爲myCollection，並且已經存儲了3個模型。讓我們也說你有一個名爲newModel的新模型，你想用它來替換集合中現有的中間模型。要更換中間模型，離開第一和第三模式不變，你可以這樣做：

myCollection.remove(myCollection.at(1)); 

myCollection.add(newModel, {at: 1}); 

這將不正是你想要的東西，提高remove事件消失，模型和add事件的更換，這也是你想要的。

Answer 2

一種方法是直接修改collection.models數組，然後調用

collection.refresh(collection.models) 

然而，這將調出一個add事件列出每個模型。理想情況下，我想爲已刪除的模型調用remove事件，併爲新的模型調用add事件。我不知道這是否是可能的，而無需使用comparator和我的模型加算指標...

Answer 3

你可以引進骨幹集合中replaceAt功能，將是這個樣子：

replaceAt : function(model, options, replaceIndex) { 
     this._replaceAt(model, options, replaceIndex); 
     return this; 
    }, 

    _replaceAt : function(model, options, replaceIndex) { 

     options || (options = {}); 
     if (!(model instanceof Backbone.Model)) { 
     model = new this.model(model, {collection: this}); 
     } 
     var already = this.getByCid(model); 
     if (already) throw new Error(["Can't add the same model to a set twice", already.id]); 
     this._byId[model.id] = model; 
     this._byCid[model.cid] = model; 
     model.collection = this; 
     replacedModel = this.at(replaceIndex) 
     this.models.splice(replaceIndex, 1, model); 
     this._cleanModel(replacedModel, options); 
     model.bind('all', this._boundOnModelEvent); 
     if (!options.silent) model.trigger('add', model, this, options); 
     return model; 
    }, 

    _cleanModel : function (model, options) { 
     if(!model) return null; 
     delete this._byId[model.id]; 
     delete this._byCid[model.cid]; 
     delete model.collection; 
     if(!options.silent) model.trigger('remove', model, this, options); 
     model.unbind('all', this._boundOnModelEvent); 
     return model; 
    }, 

其基於_add和_remove方法。它應該激發您正在尋找的適當事件，但我沒有爲此進行測試。我測試了它會在適當的位置替換集合中的元素。

（使用骨幹.3.3）

Answer 4

雖然這個問題很久以前就問過了，但即使在今天也是如此。
而且其實很簡單。

1. 我們需要獲取集合中的舊模型索引。
2. ，然後添加新的到集合在同一索引位置和合並

看看下面的例子：

var index = collection.indexOf(oldModel); //1 
collection.add(newModel, {at: index, merge: true}); //2 

希望這將有助於有人爲...
好運！

Answer 5

有內置骨幹一種簡單的機制來處理這個問題

myCollection.add(newModel, {merge: true});