使用在嵌套集合

Question

我试图实现嵌套集合完全一样，我发现这里的例子骨干localStorage的：https://stackoverflow.com/a/17453870/295133

唯一的区别是，我想在本地存储数据使用localStorage的插件。

在这里，我的名单将是酒店在上面的例子：

var app = app || {}; 


(function(){ 
    'use strict'; 

    // List Collection - list of words 
    //--------------------- 

    var listCollection = Backbone.Collection.extend({ 
     //referebce to this collection's model 
     model: app.ListModel, 
     localStorage: new Backbone.LocalStorage('translate-lists') 


    }); 


    app.listCollection = new listCollection(); 


})(); 



(function(){ 
    'use strict'; 

    app.ListModel = Backbone.Model.extend({ 

     initialize: function() { 
      // because initialize is called after parse 
      _.defaults(this, { 
       words: new app.wordCollection 
      }); 
     }, 
     parse: function(response) { 
      if (_.has(response, "words")) { 
       this.words = new app.wordCollection(response.words, { 
        parse: true 
       }); 
       delete response.words; 
      } 
      return response; 
     } 
    }); 



})(); 

什么localStorage的作用是存储ListModels，但如果我添加任何东西的话收集它很快消失我刷新后。

任何想法应该如何保存整个嵌套集合？

Answer 1

所以得到了这个工作，它解析了一些东西，但是如果你想确保你只是从你的嵌套集合中获得属性，你应该重写toJSON，否则你会得到完整的集合。

Backbone.Model.prototype.toJSON = function() { 
    var json = _.clone(this.attributes); 
    for (var attr in json) { 
     if ((json[attr] instanceof Backbone.Model) || (json[attr] instanceof Backbone.Collection)) { 
     json[attr] = json[attr].toJSON(); 
     } 
    } 
    return json; 
    }; 

破解的主要问题在于解析。直接分配的话模型，

this.words = new app.wordCollection(response.words, { 
        parse: true 
       }); 

但这意味着它不会显示出来的toJSON时被调用，因为它是不是在属性（这也意味着你无法通过model.get访问）

所以这应该改为

initialize: function() { 
     // because initialize is called after parse 
     _.defaults(this.attributes, { 
      words: new app.WordCollection() 
     }); 
    }, 
    parse: function (response) { 
     if (_.has(response, "words")) { 
      this.attributes.words = new app.WordCollection(response.words, { 
       parse: true 
      }); 
      delete response.words; 
     } 
     return response; 
    } 

这种方式被添加到模型的属性上不能直接在模型上。如果你看看这个小提琴http://jsfiddle.net/leighking2/t2qcc7my/并继续运行，它将在集合中创建一个新模型，将其保存在本地存储器中，然后将结果打印到控制台。每次运行时，您都会看到它增长1（因为它会获得以前的结果本地存储）并包含您想要的全部信息。