Backbone.js サンプルアプリケーション #1

はじめに

Backbone.jsのサンプルアプリケーションのソースを理解していきます。

まずはModelです。


var Todo = Backbone.Model.extend({
    defaults: function(){
        return{
            title: "empty todo...",
            order: Todos.nextOrder(),
            done: false
        };
    },

    toggle: function(){
        this.save({done: !this.get("done")});
    }
});

コード解説

Todoモデルは3つの属性を持っています。(title、order、done)

defaultsを関数にしているのは、Todoを生成する度に新しいオブジェクトを返すようにするためです。defaultsにオブジェクトを設定した場合は、defaultsが適用された全てのTodoでオブジェクトが共有されます。

toggleはdone属性のtrue/falseを切り替えます。

次はTodoのコレクションを見ていきます。