如何在表單中添加多個對象內容添加值

Question

我有一個創建視圖來添加問題的答案，目前用戶只能在點擊提交按鈕的同時添加一個答案，而是我希望用戶能夠將多個答案對象插入到同一視圖中，然後系統在用戶點擊提交按鈕後將所有這些新的答案對象添加到數據庫中，我的當前視圖如下所示： -

@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添加輸入。 並提交表單的時候，一切都會回答數據發佈到綁定到列表

<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; } 
} 

當提交表單

Answer 2

我覺得這是什麼您正在尋找

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

結論：你應該做的後行動ICollection<Answer>參數，那麼這將是很容易得到他們當你發佈你的主要形式，並創建相應的問題對象，然後將其保存所有的只有一個提交。