アンダースコアjs - 番号を付け直すテンプレートのレンダリングされた要素の属性

Question

無限の数のユーザーが追加した入力を持つフォームがあります。

例として、「参照の追加」セクションを持つジョブアプリケーションを想像してみてください。すでに追加されている参照の隣には「+」ボタンと「Remove」があります。

は、ここで例のテンプレート任意の「参照」が削除されると、私は他の人の番号を変更したいのですが

<script type="text/template" id="referenceTmpl"> 
    <div> 
     <h2>Reference No. <%= index %></h2><a id="removeRef<%= index %>">Remove</a> 
     Name: <input type="text" name="references[<%= index %>].name" /> 
     Email: <input type="text" name="references[<%= index %>].email" /> 
     (...) 
    </div> 
</script> 

です。フォームの入力には保存されていないデータがすでに含まれている可能性があるため、テンプレートを完全に再レンダリングしないで保存する必要があります。私は、ソリューションがより複雑なアプリケーションで使用される可能性があるため、これを販売可能な方法（入力ごとにあまり余分なコードを必要としない方法）で行いたいと思います。

解決策が恩恵を受ける場合は、jQueryを使用しています。

アイデア？

Answer 1

コードにハッキングすることなくこの種のことを行う最善の方法は、いわゆる "参照"のためのモデル（リスト）を使用することです。

---

あなたはUnderscore.jsとの組み合わせでBACKBONE.JSを試してみてください： Backbone.js documentation

正確に何をしたいんTODOサンプルアプリケーションがあります：

• Application code-breakdown
• Example application

---

セットアップには時間がかかることがありますが、作業が完了すると作業がはるかに迅速になります。