0

我想将模型添加到将通过Backbone.localstorage插件存储在本地存储中的集合。将模型添加到Backbone.localstorage集合

集合中添加模型的代码如下:

define([ 'jquery', 'underscore', 'model/articleModel', 'backbone', 'localstorage' ],  function($, _, itsModel, Backbone) { 
    var articleCache = Backbone.Collection.extend({ 
     model: itsModel, 
     localStorage: new Backbone.LocalStorage("articles-backbone-cache"), 

     addArticle: function(model){ 
      console.log('Adding new article ID [' + model.id + '] Title [' + model.title  + '] to cache via backbone.localstorage'); 
      console.log(model); 

      //CRUCIAL PART 
      this.create(model); // Doesn't work 
      this.create(model.toJSON()); //Doesn't work 
      this.create({id: model.id}); // Works but only id is saved and naturally all other attributes are set to defaults 
     } 
    }); 

    return articleCache; 
}); 

的模型是:

define([ 'jquery', 'underscore', 'backbone', 'localstorage' ], function($, _, Backbone) { 

    var article = Backbone.Model.extend({ 
     defaults : { 
      id : '0', 
      title : '', 
      subtitile : '', 
      date : '', 
      section : '', 
      section_id : -1, 
      subsection : null, 
      subsection_id : null, 
      noOfComments : 0 
    }); 

    return article; 
}); 

的问题是,该模型没有被保存到本地存储。它只保存到本地存储当我使用“this.create({id:model.id});”但缺少所有其他属性。

传递给addArticle(model)的模型与它期望的模型相同,任何人都可以提供一些关于如何将这些数据存储到本地存储的帮助?

我不想写下面的,因为它已经在该形式:

this.create({id: model.id, title:model.title, . . . }) 
+0

确保您的所有模型都有ID和不同的ID。 – 2014-10-07 16:52:12

+0

检查并检查。我试图保存到该集合的模型是使用普通骨干REST调用从远程服务器检索的。所以所有的id都是唯一的,非空/未定义的。 – 2014-10-07 17:00:41

回答

0

使用add而不是create

http://backbonejs.org/#Collection-createcollection.create(attributes, [options])

http://backbonejs.org/#Collection-addcollection.add(models, [options])

+0

我曾尝试使用添加,那也不起作用。另外,根据[here](http://backbonejs.org/docs/todos.html),创建方法应该用于本地存储插件。编辑:使用add()在原始问题中概述的所有3种情况下都失败。 – 2014-10-07 17:18:16

+0

你可以创建一个小提琴来玩。 – 2014-10-07 17:23:47

0

要添加模型到集合,你应该使用add函数。

这会将模型添加到集合中,但同步不会发生在localStorage上。

要将增加的模型保留到localStorage,您必须致电model.save()

HTH!