我正在尝试开发small Questionbank application using MVC3 razor and EF4.这是我的Questionbank剃刀页面：
@using System.Linq
@model MvcApplication1.ViewModels.QuestionBankViewModel
@{
ViewBag.Title = " Question Bank";
}
@Html.ValidationSummary(true)
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
@using (Ajax.BeginForm(new AjaxOptions()
{
UpdateTargetId = "divToAddQuestion",
InsertionMode = InsertionMode.InsertAfter,
}))
{
<div class="div_question">
<table class="table_question">
<tr>
<td rowspan="3">
</td>
<td>
<span>Question Bank Title</span>
</td>
<td>@Html.EditorFor(model => model.QuestionBank.QuestionBankName) @*Question*@
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
<div class="div_answer">
<table class="table_answer">
<tr>
<td>
<span>Questions()</span>
</td>
<td>
</td>
<td>
<input type="submit" id="btnAddQuestion" name="ButtonCommand" value="Add Question" class="cancel" />
</td>
<td></td>
</tr>
</table>
</div>
<div id="divToAddQuestion">
</div>
<div id="divToAddAnswer">
</div>
</div>
<div>
<input type="submit" id="btnSaveQuestionBank" name="ButtonCommand" value="Save" />
</div>
}
当我点击btnAddQuestion时，我正在调用我的PartialView _Question 每次我clcik btnAddQuestion它都会加载我的partialView页面_Question
这是我的部分视图_Question
@using System.Linq
@model MvcApplication1.Models.Question
@{
ViewBag.Title = " Question";
}
@Html.ValidationSummary(true)
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<div class="div_question">
<table class="table_question">
<tr>
<td>
<span>Question Number:</span>
</td>
<td >
@Html.TextBoxFor(model => model.QuestionIndex, new { @class = "tinytextbox" })
</td>
<td></td>
</tr>
<tr>
<td>
<span>Question</span>
</td>
<td>@Html.EditorFor(model => model.strQuestion) @*Question*@
</td>
<td>
@Html.ActionLink("Delete this", "Delete", new { id = Model.QuestionIndex }, new { @class = "deletebutton2", title = "Click to delete this Question and its Answers" })
</td>
</tr>
</table>
<div class="div_answer">
<table class="table_answer">
<tr>
<td>
<span>Answers()</span>
</td>
<td>
</td>
<td>
<input type="submit" id="btnAddAnswer" name="ButtonCommand" value="Add Answer" class="cancel" />
</td>
</tr>
</table>
</div>
</div>
这是我的模型类
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MvcApplication1.Models
{
public class QuestionBank
{
public virtual int QuestionBankId { get; set; }
public virtual string QuestionBankName { get; set; }
public virtual List<Question> Questions { get; set; }
public virtual List<Answer> Answers { get; set; }
public virtual int SubjectTypeId { get; set; }
}
public class Question
{
public int QuestionId { get; set; }
public int QuestionIndex { get; set; }
public string strQuestion { get; set; }
}
public class Answer
{
public int AnswerId { get; set; }
public int QuestionId { get; set; }
public string strAnswer { get; set; }
public int AnswerIndex { get; set; }
}
}
这是我的ViewModel
using System.Collections.Generic;
using MvcApplication1.Models;
namespace MvcApplication1.ViewModels
{
public class QuestionBankViewModel
{
public QuestionBank QuestionBank { get; set; }
public IEnumerable<Question> Questions { get; set; }
public IEnumerable<Answer> Answers { get; set; }
public string ButtonCommand { get; set; }
public int QuestionIndex { get; set; }
public int AnswerIndex { get; set; }
}
}
当我点击btnAnswer时，我需要加载partialView _Answer。
@using System.Linq
@model MvcApplication1.Models.Answer
@{
ViewBag.Title = " Answer";
}
@Html.ValidationSummary(true)
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
<div class="div_answer">
<table class="table_answer">
<tr>
<td>
<span>Answer Number:</span>
</td>
<td>
@Html.TextBoxFor(model => model.AnswerIndex, new { @class = "tinytextbox" })
</td>
<td>
</td>
</tr>
<tr>
<td>
<span>Answer</span>
</td>
<td>@Html.EditorFor(model => model.strAnswer) @*Question*@
</td>
<td>
</td>
</tr>
</table>
</div>
我可以在这里添加答案。每次点击Add ans，它都会加载新的答案选择。
当用户完成添加问题及其相应答案后，用户可以使用EF4上下文单击并保存整个问题库。
我的问题是当我点击“保存”按钮时，我无法找到我输入的问题和答案。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication1.ViewModels;
using MvcApplication1.Models;
namespace MvcApplication1.Controllers
{
public class HomeController : Controller
{
Question qmodel = new Question();
Answer amodel = new Answer();
[HttpGet]
public ActionResult QuestionBank()
{
return View();
}
[HttpPost]
public ActionResult QuestionBank(QuestionBankViewModel model)
{
switch (model.ButtonCommand)
{
case "Add Question":
model.QuestionIndex++;
qmodel.QuestionIndex = model.QuestionIndex ;
return PartialView("_Question", qmodel);
break;
case "Add Answer":
model.AnswerIndex++;
amodel.AnswerIndex = model.AnswerIndex;
return PartialView("_Answer", amodel);
break;
case "Save":
this.SaveQuestionBank(model);
break;
}
return View(model);
}
public ActionResult Question()
{
ViewBag.Message = "Welcome to ASP.NET MVC!";
return View();
}
public void SaveQuestionBank(QuestionBankViewModel model)
{
QBContext context = new QBContext();
foreach (Question question in model.Questions)
{
context.Question.Add(question);
}
foreach (Answer answer in model.QuestionBank.Answers)
{
context.Answer.Add(answer);
}
context.QuestionBank.Add(model.QuestionBank);
}
public ActionResult About()
{
return View();
}
}
}
我的用户应该可以根据需要添加和删除尽可能多的问题和答案选项，最后他们应该可以通过点击“保存”按钮来保存所有内容。
当我单击“保存”按钮时，我期待控制器中的IEnumerable<Question> Questions和IEnumerable<Answer> Answers，但我总是将它们视为空。为什么，我该如何解决这个问题？
或者您认为我的方法有什么问题吗？
这是我的完整来源here，但无法获得我的控制器的问题和答案。感谢您的意见和建议。
答案 0 :(得分：0)
我无法尝试你发布的代码，因为我不认为所有的部分都可以用来拍摄，但我想我可以发现一些问题。
当您通过模型绑定绑定集合时，您必须确保生成的输入元素的name属性应遵循以下规则：）
作为一个例子..
域名模型
public class Movie
{
public int Id { get; set; }
public string Name { get; set; }
}
<强>视图模型
public class AddMoviesModel
{
public Movie[] Movies { get; set; }
}
后期操作
[HttpPost]
public ActionResult Index(AddMoviesModel moviesModel)
{
// save to db?
}
我可以添加5部电影的表格
@model MvcBinding.Models.AddMoviesModel
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
@using (Html.BeginForm())
{
for (var i = 0; i < 5; i++)
{
<p>
@Html.EditorFor(m => m.Movies[i])
</p>
}
<input type="submit" value="Submit"/>
}
这里要注意的重要一点是我生成输入元素以添加5部电影的方式。如果您看到视图来源，则输入元素的名称应为电影[0] .x，电影[1] .x ..（注意Movies是属性名称AddMoviesModel）
<input type="text" name="Movies[0].Id" />
<input type="text" name="Movies[0].Name" />
<input type="text" name="Movies[1].Id" />
<input type="text" name="Movies[1].Name" />
...
请查看视图源并确保输入元素的名称遵循规则以发生集合的模型绑定。
<强>更新
我查看了代码......嗯..
问题是您已经有一个父表单，并且每次单击添加问题按钮时都要添加新的子表单。当您尝试提交主表单时，子表单中的问题不会发布到服务器，因此没有绑定：（
为什么您需要以HTML格式包装的每个问题答案对？
事实上，您不需要HTML表单来进行AJAX调用。
你应该将添加问题和添加答案更改为普通按钮（而不是提交），你必须将一些JavaScript挂钩到这些按钮的点击事件中服务器调用以获取部分视图，或者甚至可以用Ajax.ActionLinks替换这些按钮。 您必须立即改变实施方式。