独自のビューを持つモデルをコレクションにリンクする際に問題が発生します。私はこれを正しい方法で行っているかどうかわかりません。コレクションのビューも必要かどうかはわかりません。
これが私のアプリの最低限のコードです。
var Model = Backbone.Model.extend ({
initialize : function () {
new ModelView({model:this});
}
});
var ModelCollection = Backbone.Collection.extend({
initialize : function () {
console.log('collected');
this.on("add",function(){
console.log('added model');
});
},
model: Model
});
var Models = new ModelCollection;
var ModelView = Backbone.View.extend({
initialize : function () {
console.log('view is loaded');
this.render();
this.model.on('change', this.render, this);
},
el: $('#menu'),
render : function () {
var data = this.model.toJSON();
var template = Handlebars.compile($("#menu-template").html());
$(this.el).html(template(data));
return this;
},
});
var ModelCollectionView = Backbone.View.extend({
initialize : function () {
console.log('Collection view created');
Models.bind('add', this.addOne, this);
Models.bind('reset', this.addAll, this);
Models.bind('all', this.render, this);
},
addOne : function (model) {
console.log('working');
var view = new ModelView({model: model});
}
});
var ModelCollection = new ModelCollectionView;
ここで何かが足りないのか、このコードが必要なのかわかりません
var model = new Model();
Models.push(model);
私はこれの基本的な例をどこにも見つけることができません。前もって感謝します。