如果作为模型

时间:2015-06-23 15:34:27

标签: backbone.js

我正在尝试在不使用全局集合变量的情况下创建Backbone应用程序。这就是我的意思。最初,我创建了一个模型,并在我的视图

中的函数中将其添加到这样的集合中
   this.mymodel = new MyModel();
   this.mymodel.addToCollection();

addToCollection()函数内部(在模型实例上调用),我添加了模型的实例(由this表示)然后调用save on it

addToCollection(){
  mycollectionglobalvariable.add(this) //this global collection variable was created on application init
  this.save();
}

在集合中,我将它设置为保存到localStorage并且一切正常,除了我不想为集合使用全局变量(主要是为了使测试更容易),所以在我的主视图中我使用collection属性传递集合(这意味着我将集合传递给主视图并将其设置为this.mycollection属性)

    this.mymodel = new MyModel(collection: this.mycollection);

现在,在该模型的构造函数中,我设置了集合属性

   constructor(options){
      this.collection = options.collection;
   }

,addToCollection方法现在就像这样

 addToCollection(){
   this.collection.add(this);
   this.save();
 }

结果是模型已添加到集合中,但未保存。当我将集合作为模型的属性传递时,为什么不保存模型?

您可以看到here in the Backbone docs支持将集合作为属性传递。

1 个答案:

答案 0 :(得分:2)

看起来好像只是覆盖了构造函数。您也应该调用默认构造函数:Backbone.Model.apply(this, arguments);

但是,请查看模型构造函数的源代码:http://backbonejs.org/docs/backbone.html#section-53。它已经将集合选项添加到模型中,因此您可以完全删除构造函数。

var Model = Backbone.Model = function(attributes, options) {
  var attrs = attributes || {};
  options || (options = {});
  this.cid = _.uniqueId(this.cidPrefix);
  this.attributes = {};
  if (options.collection) this.collection = options.collection;
  if (options.parse) attrs = this.parse(attrs, options) || {};
  attrs = _.defaults({}, attrs, _.result(this, 'defaults'));
  this.set(attrs, options);
  this.changed = {};
  this.initialize.apply(this, arguments);
};

最后,它可能只是一个拼写错误,但您应该将选项哈希值作为第二个参数传递给您的模型。

this.mymodel = new MyModel({}, {collection: this.mycollection});

查看此jsfiddle以获取示例:http://jsfiddle.net/mfze3abg/