backbone test

by amitava82

HTML

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

JavaScript

var data = {
    json: {
        name: "dasd"
    }
}

console.log(Backbone)
var Game = Backbone.Model.extend({
    initialize: function() {
        //do something
        $.ajax({
            url: '/echo/json',
            type: 'post',
            data: data,
            success: function(data) {
                //console.log(data)
            }
        });
    },
    defaults: {
        name: 'Default title',
        releaseDate: 2000
    },
    url: '/echo/json'
});
var GamesCollection = Backbone.Collection.extend({
    model: Game,
    old: function() {
        return this.filter(function(game) {
            return game.get('releaseDate') < 2005;
        })
    }
});

var portal = new Game()

portal.set('name', 'portal')
portal.set('something', 'asxdasdas')

var col = new GamesCollection()
console.log(col)


GameView = Backbone.View.extend({
    tagName: "div",
    className: "game",
    render: function() {
        // code for rendering the HTML for the view
    $(this.el).html(this.model.get('name'));  
    }
});