I've been working on a Backbone code implementation to display all modifications before adding data to my model. However, every time I try to add something from my form, my view returns "this.model.toJSON() is not a function" and I can't figure out what's wrong.
This issue occurs within the "userView" render(). Here are my 2 views, model, and collections:
Model:
var userModel = Backbone.Model.extend({
defaults: function() {
return {
nome: '',
sobrenome: ''
};
}
});
View:
var userView = Backbone.View.extend({
model: new userModel(),
tagName : 'div',
initialize: function(){
this.template = _.template($("#user-template").html());
},
render : function() {
this.$el.html(this.template(this.model.toJSON()));
return this;
}
});
View 2:
var userViews = Backbone.View.extend({
model: users,
el: $("#user-container"),
initialize: function(){
this.model.on("add", this.render, this);
},
render: function() {
var self = this;
self.$el.html("");
_.each(this.model.toArray(), function(user, i){
self.$el.append((new userView({model: userModel })).render().$el);
});
return this;
}
});
And finally, my collection:
var userCollections = Backbone.Collection.extend({
model: userModel
});
Apologies for any mistakes in my explanation.