获取主视图提交的部分视图数据

Question

我有一个Teachers课程和Courses课程。我正在为教师创建编辑表单，用户可以编辑教师的信息，如教师正在教授的姓名，职称和课程。我创建了一个部分视图来显示教师的课程信息。我在主编辑视图中只有一个提交按钮。当我提交表单并获取教师对象时，虽然我已更新课程字段，但其课程对象为空。可以请有人帮我吗？

public class TeacherTemplate
{
  public int teacherId { get; set;}
  public string TeacherName { get; set; }
  public string TeacherCourses { get; set; }
  public CourseTemplate Courses 
  {
        get => TeacherCourses == null ? null : JsonConvert.DeserializeObject<CourseTemplate>(TeacherCourses);
        set => TeacherCourses = JsonConvert.SerializeObject(Courses);
    }
}
public class CourseTemplate
{
  public string CourseName {get; set; }
  public int courseId { get; set; }
  public bool Active { get; set; }
  public Subjects Subject { get; set;}
}
public class Subjects
{
  public string SubjectName { get; set; }
}

教师的主要编辑视图

@model TeacherTemplate
@{
    ViewBag.Title = "EditTeacher";
}
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <div class="form-group">
            @Html.LabelFor(model => model.TeacherName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.ModuleTitle, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.ModuleTitle, "", new { @class = "text-danger" })
            </div>
        </div>

         @Html.Partial("_editCourse", Model)
        @*@Html.Action("EditCourse", "TeacherTemplate", new { teacherTemplate = Model })*@


        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

课程部分视图

@model TeacherTemplate

<script src="~/Scripts/jquery-3.3.1.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Courses.CourseName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Courses.CourseName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Courses.CourseName, "", new { @class = "text-danger" })
            </div>
        </div>
        <div class="form-group">
            @Html.LabelFor(model => model.Courses.Active, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Courses.Active, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Courses.Active, "", new { @class = "text-danger" })
            </div>
        </div>
        <button type="button" id="btnAddSubjects">Add Subject</button>
        if (Model.Courses.Subject.Count() > 0)
        {
            <div id="subjectContainer" class="form-group">
                @Html.LabelFor(model => model.Courses.Subject, htmlAttributes: new { @class = "control-label col-md-2" })
                @for (var i = 0; i < Model.Courses.Subject.Count(); i++)
                {
                    <div class="col-md-10">
                        @Html.TextAreaFor(m => m.Courses.Subject[i].SubjectName, new { htmlAttributes = new { @class = "form-control", @cols = 80, @rows = 50 } })
                    </div>
                }
            </div>
         }
    </div>
}

TeacherTemplateController - 这里当从主视图调用提交按钮上的EditTeacher方法时，teacherTemplate对象正确绑定了所有教师信息，但TeacherCourses属性和Courses属性/对象都为null。

public ActionResult Index()
    {
        return View();
    }
public ActionResult EditTeacher(Guid teacherTemplateId)
            {
                var teacherTemplate= _teacherTemplateService.GetTeacherInfo(teacherTemplateId);
                return View(teacherTemplate);
            }

    [HttpPost]
            public ActionResult EditTeacher(TeacherTemplate teacherTemplate)
            {
                if (ModelState.IsValid)
                {
                    var teacherTemplate1 = _teacherTemplateService.UpdateTeacherInfo(teacherTemplate);
return RedirectToAction("EditTeacher", new { teacherTemplateId = teacherTemplate.teacherTemplateId });

            }
            public ActionResult EditCourse(TeacherTemplate teacherTemplate)
            {
                return PartialView("_editCourse", teacherTemplate);
            }

Answer 1

我正在回答，因为评论不适合我正在撰写的内容。我仍然建议您更改调用局部视图的方式是最佳选择：

@Html.ActionLink("Edit Course", "EditCourse", new { Model.CurrentTeacherID })

这显然要求你在TeacherTemplateController中改变你的动作方法（不是相同的变量和参数，但你明白了）：

public ActionResult EditCourse(int teacherID)
{
    TeacherTemplate model = new TeacherTemplate(teacherID);
    return PartialView(model);
}

请注意，此方法要求您创建EditCourse视图。