backbone_basic

by ddehghan

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<div id='log'></div>

CSS

div#log {
    border-bottom: 1px solid #afafaf;
    width: 100%;
    height: 100px;
    overflow: scroll;
    background: #5f5f5f;
    font: 11px verdana;
    color: white;
    padding: 3px 5px;
}
div#log p {
    margin-bottom: 2px;
}

JavaScript

var log = function (txt) {
    //debugger;
    $("div#log").append("<p>" + JSON.stringify(txt) + "</p>");
};

var model = Backbone.Model.extend({
    storeThis: function (data) {
        this.set('payload', data);
        return;
    }
});

var collection = Backbone.Collection.extend({
    model: model,

    pickMe: function () {
        for (i = 0; i < this.models.length; i++) {
            log(this.models[i].get('name'));
            debugger;

            this.models[i].storeThis("Hello");
        }
    }
});

var col = new collection([{
    name: 'jack'
}, {
    name: 'joe'
}]);

col.pickMe();