我正在尝试在不使用全局集合变量的情况下创建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支持将集合作为属性传递。
答案 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/