新しいモデルでバックボーンコレクションをリセットしても、以前のモデルは上書きされませんか？

Question

新しいデータを受け取るたびにBackboneコレクションを一括リセットしたいのですが、リセットを行うたびにすべての現在のモデルが空になり、新しいデータが一番上にリセットされますが、新しいデータは、以前のモデルと並んで新しいモデルとして追加されます。誰でもこれを達成するために必要なことをアドバイスできますか？

JS

const OrderModel = Backbone.Model.extend({ 
    parse(response) { 
     response.name = `+${response.name}`; 
     console.log(response.name); 
     return response; 
    } 
}); 

const OrdersCollection = Backbone.Collection.extend({ 

    model: OrderModel, 

    initialize() { 
     setTimeout(() => { 
      this.trigger('snapshot', data); 
     }, 1000); 

     setTimeout(() => { 
      this.trigger('snapshot', data); 
     }, 2000); 

     this.listenTo(this, 'snapshot', this.setCollection, this); 
    }, 

    setCollection(response) { 
     this.reset(response, {parse: true}); 
    } 
}); 

jsFiddle：http://jsfiddle.net/kyllle/cpbcx7nt/

Answer 1

フィドル：http://jsfiddle.net/cpbcx7nt/3/

発生2つの問題があります。

最初の問題は、コレクションをリセットしているときに、htmlをリセットしていないことです。前の3つのリスト項目をもう一度追加する前にそれらをクリアする必要があります。これと同様

：

renderRows() { 
    this.$el.empty() 
    this.collection.each(this.renderRow, this); 
}, 

第二の問題は、コード

const OrderModel = Backbone.Model.extend({ 
    parse(response) { 
     response.name = `+${response.name}`; 
     return response; 
    } 
}); 

パラメータresponsedata参照配列内のオブジェクトのこの部分です。 nameプロパティをresponseに変更すると、data内の参照オブジェクトも変更されます。最初の解析でdataを突然変異させたため、パーズが呼び出されたときに余分な "+"が表示されます。

この偶発的な上書きを防ぐためにオブジェクトをクローンしました。

const OrderModel = Backbone.Model.extend({ 
    parse(response) { 
     var model = _.clone(response); 
     model.name = `+${response.name}`; 
     return model; 
    } 
});