フォーム内に複数のオブジェクトを追加して追加する方法

Question

質問に回答を追加するための作成ビューがあります。現在、ユーザーは送信ボタンをクリックすると同時に1つの回答しか追加できませんこの私は、ユーザが複数の回答オブジェクトを同じビューに挿入できるようにしておき、ユーザが送信ボタンをクリックした後にこれらの新しい回答オブジェクトをすべてデータベースに追加すると、現在のビューは次のようになります。

@model Elearning.Models.Answer 
@{ 
    ViewBag.Title = "Create"; 
} 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<div id = "remove"> 
@using (Ajax.BeginForm("Create", "Answer", new AjaxOptions 
{ 
    HttpMethod = "Post", 
    InsertionMode = InsertionMode.Replace, 
    UpdateTargetId = "remove" 
})) 

{ 
    <div id = "returnedquestion"> 
    @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>Answer</legend> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.Description) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Description) 
      @Html.ValidationMessageFor(model => model.Description) 
     </div> 

    </fieldset> 
    <input type= "hidden" name = "questionid" value = @ViewBag.questionid> 
    <input type= "hidden" name = "assessmentid" value = @ViewBag.assessmentid> 
    <input type="submit" value="Add answer" /> 
</div> 
} 
</div> 

および方法は以下のように見えるアクション： -

public ActionResult Create(int questionid)//, int assessmentid) 
{ 
    ViewBag.questionid = questionid; 
    Answer answer = new Answer(); 
       return PartialView("_answer",answer); 
} 

// 
// POST: /Answer/Create 

[HttpPost] 
public ActionResult Create(int questionid, Answer a) 
{ 
    if (ModelState.IsValid) 
    { 

     repository.AddAnswer(a); 
     repository.Save(); 
     return PartialView("_details",a); 
    } 
    return View(a);} 

私は上記のコードを変更して複数の回答オブジェクトを同じビューに挿入して、ユーザーが送信ボタンをクリックすると同時にこれらの回答オブジェクトを送信できるようにするにはどうすればよいですか？

Answer 1

試してみてください ユーザーが「回答を追加」をクリックしたときにjavascriptによる入力を追加します。 してフォームを送信したとき、私はこれは何だと思いフォーム

Answer 2

を送信すると、それは

<script> 
$(document).ready(function() { 
    var anwserCount = 1; 
    $("#addbutton").click(function() { 
     $("#AnwsersDiv") 
     .append("<input type='text' name='Anwsers[" + anwserCount + "]'/>"); 
     anwserCount += 1; 
    }); 
}); 
</script> 

@using (Html.BeginForm()) 
{ 
<div id="AnwsersDiv"> 
    <input type="text" name="Anwsers[0]" /> 
</div> 
<input id="addbutton" type="button" value="Add answer" /> 
<input type="submit" value="submit" /> 
} 

モデル

public class Answer 
{ 
    public List<String> Anwsers { get; set; } 
} 

の一覧を表示するために結合する全ての解答データを掲載しますあなたは探しています

http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx

結論：あなたはICollection<Answer>パラメータでPOSTアクションをしなければならないが、1つだけが提出するとそれらをすべて保存し、あなたのメインフォームを投稿し、適切な質問オブジェクトを作成するときにそれらを得ることは容易になります。