Asp.net Mvc - リストに追加して一度に保存

Question

連絡先情報があり、連絡先を追加して保存したいと思っています。連絡先ごとに送信したくない連絡先情報クライアントに保存し、保存ボタンをクリックして保存したければ、すべて保存しました。どうすればいいですか？リストに追加して保存するには？ 私のモデルクラスは次のとおりです。

public System.Guid ContactId { get; set; } 
    public string Tel { get; set; } 
    public string Fax { get; set; } 
    public string Mobile { get; set; } 

とビューで：

  <% using (Html.BeginForm()) { %> 
       <%: Html.ValidationSummary(true) %> 
                <div class="editor-label"> 
     <%: Html.LabelFor(model => model.Tel) %> 
    </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Tel) %> 
         <%: Html.ValidationMessageFor(model => model.Tel) %> 
        </div> 

        <div class="editor-label"> 
         <%: Html.LabelFor(model => model.Fax) %> 
        </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Fax) %> 
         <%: Html.ValidationMessageFor(model => model.Fax) %> 
        </div> 

        <div class="editor-label"> 
         <%: Html.LabelFor(model => model.Mobile) %> 
        </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Mobile) %> 
         <%: Html.ValidationMessageFor(model => model.Mobile) %> 
        </div> 
      <% using (Html.BeginForm()) { %> 
       <%: Html.ValidationSummary(true) %> 
              <div class="editor-label"> 
      <%: Html.LabelFor(model => model.Tel) %> 
     </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Tel) %> 
         <%: Html.ValidationMessageFor(model => model.Tel) %> 
        </div> 

        <div class="editor-label"> 
         <%: Html.LabelFor(model => model.Fax) %> 
        </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Fax) %> 
         <%: Html.ValidationMessageFor(model => model.Fax) %> 
        </div> 

        <div class="editor-label"> 
         <%: Html.LabelFor(model => model.Mobile) %> 
        </div> 
        <div class="editor-field"> 
         <%: Html.EditorFor(model => model.Mobile) %> 
         <%: Html.ValidationMessageFor(model => model.Mobile) %> 
        </div> 
      <div class="demo"> 
       <button > 
        <span class="ui-button-text">Add to list</span></button> 
      </div> 
      <% List<Contact> list = (List<Contact>)ViewBag.ListContacts; %> 
      <fieldset> 
       <legend>Contacts</legend> 
       <table> 
        <tr> 
         <th> 
          Tel 
         </th> 
         <th> 
          Fax 
         </th> 
         <th> 
          Mobile 
         </th> 
         <th> 
         </th> 
        </tr> 
        <% foreach (var itm in list) 
         { %> 
        <tr> 
         <td> 
          <%: Html.DisplayFor(f => itm.Tel) %> 
         </td> 
         <td> 
          <%: Html.DisplayFor(m => itm.Fax)%> 
         </td> 
         <td> 
          <%: Html.DisplayFor(m => itm.Mobile)%> 
         </td> 
         <td> 
          <%: Html.ActionLink("Delete","Delete",new {id= itm.ContactId}) %> 
         </td> 
        </tr> 
        <% } %> 
       </table> 
      </fieldset> 
      <% } %> 
      <% List<Contact> list = (List<Contact>)ViewBag.ListContacts; %> 
      <fieldset> 
       <legend>Contacts</legend> 
       <table> 
        <tr> 
         <th> 
          Tel 
         </th> 
         <th> 
          Fax 
         </th> 
         <th> 
          Mobile 
         </th> 
         <th> 
         </th> 
        </tr> 
        <% foreach (var itm in list) 
         { %> 
        <tr> 
         <td> 
          <%: Html.DisplayFor(f => itm.Tel) %> 
         </td> 
         <td> 
          <%: Html.DisplayFor(m => itm.Fax)%> 
         </td> 
         <td> 
          <%: Html.DisplayFor(m => itm.Mobile)%> 
         </td> 
         <td> 
          <%: Html.ActionLink("Delete","Delete",new {id= itm.ContactId}) %> 
         </td> 
        </tr> 
        <% } %> 
       </table> 
      </fieldset> 

      <div class="demo"> 
       <button > 
        <span class="ui-button-text">Save</span></button> 
      </div> 

      <% } %> 

Answer 1

1つのオプションは、（http://docs.jquery.com/Types）javascriptのオブジェクトを作成されるだろうし、保存ボタンを押したとき、あなたはjqueryのアイテムを送信する必要がありますアイテムごとにjQuery.eachを使用します。

希望すると助かります