How to clone a backbone collection

前端 未结 4 540
遥遥无期
遥遥无期 2021-02-05 00:58

Is there a way to easily clone Backbone Collection? I wonder why there is no build in method like for models. My problem is that I have a model holding a collection of childs. W

相关标签:
4条回答
  • 2021-02-05 01:37

    Another option, if you need the following (which is what I was looking for when I found this question ;) ):

    • The copy of the collection should be of the same type as the original collection (e.g. you've created your own collection type that extends Backbone.Collection)
    • The copy of the collection should be created with the same options as the original
    • The models in the copy of the collection should be created using the model.clone() method

    Code:

    var models = original.map(function (model) { return model.clone(); });    
    var options = _.clone(original.options);    
    var copy = new original.constructor(models, options);
    

    A generic clone method on Backbone.Collection would be awkward because there are always going to be subtleties around whether models and their nested objects get copied by reference or are themselves cloned. Requirements will vary wildly according to your scenario, so it's been left for you to write what you need.

    0 讨论(0)
  • 2021-02-05 01:41

    Use the Backbone Collection clone() method:

    var clonedCollection = myCollection.clone();
    
    0 讨论(0)
  • 2021-02-05 01:53

    Simplest way:

    var cloned = new Backbone.Collection(original.toJSON());
    

    where original is the collection to clone.

    Could always then extend Backbone's Collection to add clone support w or w/o inheritance support.

    0 讨论(0)
  • 2021-02-05 02:00

    What's your use case that you want to clone the collection?

    There isn't a built in clone function for a collection because you do not want to clone the models within the collection. Cloning a model would cause there to be two separate instances of the same model, and if you update one model, the other one won't be updated.

    If you want to create a new collection based upon a certain criteria, then you can use the collection's filter method.

    var freshmenModels = studentsCollection.filter(function(student) {
      return student.get('Year') === 'Freshman';
    }
    
    var freshmenCollection = new Backbone.Collection(freshmenModels);
    

    To go ahead and clone the models in the collection, you can write the following code

    var clonedCollection = new Backbone.Collection();
    studentsCollection.each(function(studentModel) {
      clonedCollection.add(new Backbone.Model(studentModel.toJSON()));
    });
    
    0 讨论(0)
提交回复
热议问题