Talko Web Libraries That Enable Our Modular Design

CollectionView

// Task ItemView
var TaskView = Backbone.Marionette.ItemView.extend({
    template: "#task-template"
});

// CollectionView of Task ItemViews
var TasksCollectionView = Backbone.Marionette.CollectionView.extend({
  childView: TaskView
});

// Collection of Tasks
var TasksCollection = Backbone.Collection.extend({
    comparator: "name"
});

// Create Tasks Collection
var tasksCollection = new TasksCollection();

// Create Tasks CollectionView and bind it to collection
var tasksCollectionView = new TasksCollectionView({
    collection: tasksCollection
});

// Add a new Task to collection. CollectionView creates and adds the TaskView automagically
tasksCollection.add({
    name: "My Test Task"
});