Backbone.jsアプリケーション開発ガイド

86

4

章 チュートリアル

1

−

Todo

リスト（初めての

Backbone.js

アプリケーション）

createOnEnter()

Todo

のモデルを新規作成し、

localStorage

に永続化します。

<input/>

要素による入力

フィールドで、

Enter

キーが押されると呼び出されます。また、次の項目をすぐに入力で

きるように、入力フィールドの値をリセットします。モデルの属性は

newAttributes()

によって用意されます。この属性には、

Todo

項目のタイトルと連番そして状態が含ま

れます。なお、このコールバックは

events

オブジェクトを使って関連付けられたため、

this

は

DOM

の要素ではなくビューを指しています。

clearCompleted()

Todo

項目のリストの中で、完了済みのものを消去します。

#stats-template

という

ID

でフッターの中に記述されている、「完了済みの項目を消去」のボタンから呼び出されま

す。

toggleAllComplete()

すべての

Todo

項目を完了済みの状態にします。「すべて完了済みにする」のチェックボッ

クスがクリックされたときに呼び出されます。

initialize()

いくつかのイベントについて、追加で関連付けを行っています。

●

コレクションでの

change:completed

イベントに、コールバック

filterOne()

を関

連付けます。これによって、コレクション内のいずれかのモデルで

completed

属性が

変更されたことを検出できます。変更が発生 ...