JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
CSS
div {
border: 1px solid #333;
margin-bottom: 10px;
padding: 10px;
}
JavaScript
var itemView = Backbone.View.extend({
itemArray: [],
initialize: function() {
var d = new Date();
this.timestamp = d.getTime();
return this;
},
addItem: function(item) {
this.itemArray.push(item);
},
render: function() {
this.$el.text(this.itemArray.join(', '));
return this;
}
});
var itemHolder = null;
var itemHolders = [];
for(var i=0; i<10; i++) {
// create new testView
itemHolder = new itemView();
// add 10 items to the viewSample
for(var itemIndex=1; itemIndex<=10; itemIndex++) {
itemHolder.addItem('item ' + itemIndex);
}
itemHolders.push(itemHolder);
}
_.each(itemHolders, function(itemHolder) {
$('body').append(itemHolder.render().el);
});