使用在嵌套集合

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（因爲它會獲得以前的結果本地存儲）幷包含您想要的全部信息。