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

94

4

章 チュートリアル

1

−

Todo

リスト（初めての

Backbone.js

アプリケーション）

イベントに関連付けています。

toggleVisible()

は

isHidden()

メソッドを使ってそれぞ

れの

Todo

項目を表示するべきかどうか判断し、その結果に基づいて項目の表示と非表示を切

り替えます。

削除のためのボタンがクリックされたときの処理は次のようになります。

1.

clear()

メソッドが呼び出されます。このメソッドはモデルの

destroy()

を実行します。

2. Todo

項目が

localStorage

から消去され、

destroy

イベントが発生します。

3.

モデルの

destroy

イベントには、ビューから継承された

remove()

メソッドが関連付けら

れています。このメソッドはビューを削除し、要素も

DOM

から削除します。関連付けには

listenTo()

を使っているため、

remove()

を呼び出した際に関連付けの解除も行われ、メモ

リリークを防止できます。

4.

destroy()

はコレクションからのモデルの削除も行います。これによって、コレクション上

で

remove

イベントが発生します。

5.

AppView

の

render()

メソッドはコレクション上で発生するすべてのイベントを監視してい

るため、ここでビューの再描画が行われ、フッターセクションの統計情報も更新されます。

これで、必要な処理はすべて揃いました。

ソ ー ス コ ー ド の 全 文 が 必 要 な 場 合 は、

https://github.com/tastejs/todomvc/tree/gh-pages/ ...