CollectionViews in Chaplin.js

A Collection Wat?

• A Chaplin.CollectionView
• An extension of Chaplin.View
• Bound to a Chaplin.Collection
• Used to display groups of items

Show me how

TodoMVC example

• todos-view extends CollectionView
• instantiates a new todo-view for each model in todos
• leverages Chaplin's filtering functionality
• data binding done in the controller

Moar! examples

Walkthru using CollectionView to create an Accordion as seen on Brunch.io Examples

::extend

Go further

Reactive CollectionViews lend themselves nicely to Typeahead

Example using Chaplin, Twitter Typeahead, Bloodhound and Ratchet