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

4.8

 状態の変更と項目の削除

91

図4-3　ページ上のUIを使ってTodo 項目を新規作成する

ここまでのところ、アプリケーションは正しく機能しているようです。状態の変更や

Todo

項目

の削除についてはどうでしょうか。

4.8

 状態の変更と項目の削除

ここ から は、

Todo

項目 の状 態を変更したり削除した りす る機 能を 追加 しま す。こ れら の

操 作 は 個 々 の

Todo

項 目 に 対 し て 行 わ れ る た め、 コ ー ド は ビ ュ ー

TodoView

に 追 加 し ま す。

togglecompleted()

と

clear()

というメソッドを定義し、これらが呼び出されるよう

events

オ

ブジェクトにエントリを追加します。

// js/views/todos.js

var app = app || {};

// Todo

項目のビュー

// --------------

// Todo

項目を表す

DOM

の要素

app.TodoView = Backbone.View.extend({

//

タグ名は

li

です

tagName: 'li',

//

項目のテンプレートのための関数をキャッシュします

template: _.template($('#item-template').html()),

92

4

章 チュートリアル

1

−

Todo

リスト（初めての

Backbone.js

アプリケーション）

//

項目に固有の

DOM

イベント

events: {

'click .toggle': ...