JAVASCRIPT網頁應用程式設計

JavaScriptMVC 函式庫

|

247

建立控制器的實體

如果想要建立控制器的實體，可以呼叫

new Controller(element, options)

，並傳入一

組 HTML 元件（jQuery 包裝過的元件），以及一組用來對控制器進行各種設定的物件

（非必傳）。就像這樣：

new List($('ul#tasks'), {model : Task});

也可以利用 jQuery 的輔助函式，為

#tasks

元件建立一組 List 控制器的實體：

$('ul#tasks').list({model : Task})

建立控制器實體時，會呼叫控制器的原型函式

init

，並傳入下列參數：

this.element

用 jQuery 包裝過的 HTML 元件

this.options

傳給控制器的設定值物件，會和類別的

defaults

物件合併

接下來這段程式裡的 List 控制器，會透過模型取得最新的資料，然後再利用這些資料

更新模版內容（建立控制器實體時，可傳入一組非必傳的 template 參數指定模版儲存位

置 ）：

$.Controller("List", {

defaults : {

template: "items.ejs"

}

}, {

init : function(){

this.element.html( this.options.template, this.options.model.findAll() );

},

"li click" : function(){ }

}); ...