Backbone.js を使用して、人とそのデータのリストを表示しています。
すべての人はそれ自身を持ってい<div>
ます。div によって生成され、調整できるように個人のデータを表示するためのフィールドが_.template
含まれています。<input>
の付いたボタンもありますclass=".save"
。私の見解では、このボタンのクリックにバインドされた関数があります。モデルに属する<input>
タグの値を取得するための最良の方法を探しています。div
これが私のアプローチですが、より良いアプローチがあるかどうか疑問に思っています。私のテンプレートでは、モデルの ID に基づいて DOM 要素の ID を動的に割り当てました。同じロジックを使用して、ビュー内の要素を見つけます。
テンプレート
<input value="<%=name%>" id="name_<%=id%>"/>
<input value="<%=age%>" id="age_<%=id%>"/>
<input value="<%=address%>" id="address_<%=id%>"/>
<button class=".save">Save</button>
見る
events:{
"click .save":"savePerson"
},
savePerson: function(){
this.model.set({
name: $("#name" + this.model.id).val(),
address: $("#address_" + this.model.id).val(),
age: $("#age_" + this.model.id).val()
});
this.model.save();
}