define([
'collection-view',
'collections/genres',
'templates/filter/genres',
'templates/filter/item'
], function (CollectionView, Genres, template, item) {
return CollectionView.extend({
events: {
'click a': 'toggleFilter'
},
name: 'filter/genres',
itemTemplate: item,
template: template,
toggleFilter: function(ev) {
ev.preventDefault();
var model = $(ev.target).model();
console.log(model.get('name'));
model.toggle();
},
initialize: function() {
this.collection = new Genres();
//this.listenTo(this.genres, "sync", this.render);
this.collection.fetch();
this.listenTo(this.collection, "change", this.render);
}
});
});
I only get one item to render, not the complete CollectionView.