Backbone.js Collection View Template

CollectionViewTemplate

Backbone = (function (module) { 

	module.CollectionView =  Backbone.View.extend({
	
		initialize: function (args) {
			
			var self, viewClass;
			
			var self = this;
			
			viewClass = (typeof args.modelView === 'undefined') ? Backbone.View : args.viewClass;
			
	    	// Create an array property that will store model views contained in this collection view
	    	this.componentViews = [];
	    	
	    	// Loop thru the collection
	    	this.collection.forEach( function(colModel, index) {
	    		
	    		// Create a view for each model contained in this view's referenced collection - each view is a WMS list-item			
			    var modelView = new viewClass({model:colModel});
			    
			    // Store this in the collection view's componentView array
			    self.componentViews.push(modelView);
			});
		},
		
		// This view's wrapper tag is a ul
		tagName: 'ul',
		
		// This view's wrapper css class
		className: '',
		
		// rendering function for this view
		render: function(){
			
			var self = this;
			
			// Render and append each model view of collection (table rows)
			_.each(this.componentViews, function(view){
				
				// Render the component view
				view.render();
				
				// Append the view to this collection view element
				self.$el.append(view.el);
				
			});	
		    
		}
	});
	
	return module;
}( Backbone));