JAVASCRIPT網頁應用程式設計

Spine 函式庫

|

199

this.current.destroy();

},

// 按下「save」鈕時會執行此函式

save: function(){

var atts = this.editEl.serializeForm();

this.current.updateAttributes(atts);

this.show();

}

});

});

先前曾提過，我們要把一組新模版

#editContactTemplate

加進網頁裡。

#editContactTemplate

和

#contactTemplate

這兩組模版的內容非常相似，唯一的差異只

在於

#editContactTemplate

是用 input 元件來顯示屬性值：

<script type="text/x-jquery-tmpl" id="editContactTemplate">

<label>

<span>First name</span>

<input type="text" name="first_name" value="${first_name}" autofocus>

</label>

<label>

<span>Last name</span>

<input type="text" name="last_name" value="${last_name}">

</label>

<label>

<span>Email</span>

<input type="text" name="email" ...