JAVASCRIPT網頁應用程式設計

222

|

第十二章

},

// 新增一筆待辦事項

// 做法是先建立待辦事項的檢視器，再將檢視器的 el 加進「<ul>」裡

addOne: function(todo) {

var view = new TodoView({model: todo});

this.$("#todo-list").append(view.render().el);

},

// 一次將所有的待辦事項加進 Todos 集合物件裡

addAll: function() {

Todos.each(this.addOne);

},

// 如果使用者在文字輸入欄位裡按下「return」鍵，就在 Todos 裡新增一組 Todo 模型

createOnEnter: function(e) {

if (e.keyCode != 13) return;

var value = this.input.val();

if ( !value ) return;

Todos.create({content: value});

this.input.val('');

},

clearCompleted: function() {

_.each(Todos.done(), function(todo){ todo.destroy(); });

return false;

}

});

// 最後，建立 App 實體，就可以讓一切順利運作

window.App = new AppView;

在一開始載入網頁時，程式會先把資料寫入 ...