我正在使用局部 View 来创建父 subview 。我最理想的是父 View 上的提交按钮,用于保存子值。
我有以下模型。
public class Course
{
public int CourseId { get; set; }
public string Name { get; set; }
public int Par { get; set; }
public string Tee { get; set; }
public decimal Rating { get; set; }
public virtual IEnumerable<CourseHole> Holes { get; set; }
public static Course Create()
{
var course = new Course();
course.Par = 72;
var holes = new List<CourseHole>();
for (int i = 0; i < 18; i++)
{
holes.Add(new CourseHole() { Course = course, Number = i + 1, Par = 4 });
}
course.Holes = holes;
return course;
}
}
public class CourseHole
{
public int CourseHoleId { get; set; }
public int Number { get; set; }
public int Par { get; set; }
public int Length { get; set; }
public int Ranking { get; set; }
public Course Course { get; set; }
}
以及下面的父 View 。
@model Golf_Statz.Models.Course
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>Course</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-4">
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
</div>
@Html.LabelFor(model => model.Par, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-4">
@Html.EditorFor(model => model.Par, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Par, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Tee, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-4">
@Html.EditorFor(model => model.Tee, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Tee, "", new { @class = "text-danger" })
</div>
@Html.LabelFor(model => model.Rating, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-4">
@Html.EditorFor(model => model.Rating, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Rating, "", new { @class = "text-danger" })
</div>
</div>
@foreach (Golf_Statz.Models.CourseHole hole in Model.Holes)
{
@Html.Partial("CreateHole", hole)
}
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
以及以下局部 View 。
@model Golf_Statz.Models.CourseHole
@{
ViewBag.Title = "CreateHole";
}
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="form-horizontal" id="CreateHole-" + model.CourseHoleId>
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
<div class="col-md-2 col-md-offset-2">
<p>@Model.Number</p>
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Par, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Par, "", new { @class = "text-danger" })
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Length, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Length, "", new { @class = "text-danger" })
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Ranking, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Ranking, "", new { @class = "text-danger" })
</div>
</div>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
我的 Controller 方法是。
// GET: Course/Create
public ActionResult Create()
{
return View(Course.Create());
}
// POST: Course/Create
// To protect from overposting attacks, please enable the specific properties you want to bind to, for
// more details see http://go.microsoft.com/fwlink/?LinkId=317598.
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "CourseId,Name,Par,Tee,Rating")] Course course)
{
if (ModelState.IsValid)
{
db.Courses.Add(course);
foreach (var hole in course.Holes)
{
db.CourseHoles.Add(hole);
}
db.SaveChanges();
return RedirectToAction("Index");
}
return View(course);
}
无论我做什么 course.HttpPost Create 方法中的 Holes 始终为 null。 我想我想要类似于 this 的东西但它用于编辑,我希望它用于创建。 任何帮助将不胜感激,因为这是我的第一个 mvc 项目。
最佳答案
您的 foreach
循环正在生成与您的模型无关的重复 id
属性(无效的 html)和 name
属性。将局部更改为 EditorTemplate
/Views/Shared/EditorTemplates/CourseHole.cshtml
并删除BeginForm
、AntiForgeryToken
和脚本
@model Golf_Statz.Models.CourseHole
<div class="form-horizontal" id="CreateHole-" + model.CourseHoleId>
<div class="form-group">
<div class="col-md-2 col-md-offset-2">
<p>@Model.Number</p>
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Par, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Par, "", new { @class = "text-danger" })
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Length, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Length, "", new { @class = "text-danger" })
</div>
<div class="col-md-2">
@Html.EditorFor(model => model.Ranking, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Ranking, "", new { @class = "text-danger" })
</div>
</div>
</div>
然后在主视图中
@Html.EditorFor(m => m.Holes)
例如,EditorFor()
方法将正确生成用于绑定(bind)到集合的 html
<input name="Holes[0].Par" ...>
<input name="Holes[1].Par" ...>
您还需要删除 [Bind]
属性,因为您要排除属性 Holes
,并且您似乎无论如何都想绑定(bind)到所有属性。
旁注:您不会为空洞 CourseHoleId
或 Number
属性生成输入,因此这些不会回发。
关于c# - asp.net mvc 父 subview ,父 View 更新 subview ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29486946/