1

我正在学习 MVC5，我正在尝试实现一个简单的页面来添加和显示学生。这个问题占用了大量空间，但非常基本。

我的表格

所以这里是模型：

public class Student
{
    public int StudentId { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }
}

以下是操作方法：

public ActionResult Index()
    {
        return View(db.Students.ToList());
    }

    public ActionResult Create()
    {
        return PartialView();
    }


    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Student student)
    {
        if (ModelState.IsValid)
        {
            db.Students.Add(student);
            db.SaveChanges();
            return PartialView();
        }

        return PartialView(student);
    }

这是父视图： Index.cshtml

@model IEnumerable<MVCAjax.Models.Student>
<h2>Index</h2>
<div class="row" id="myformbase">
    <div class="col-md-6">
        <table class="table">
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.Name)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Age)
                </th>
                <th></th>
            </tr>

            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.Name)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Age)
                    </td>
                </tr>
            }

        </table>
    </div>
    <div class="col-md-6">
        @Html.Action("Create")
    </div>
</div>

这是子视图：Create.cshtml

@model MVCAjax.Models.Student
@using (Ajax.BeginForm("Create", "Student", new AjaxOptions { UpdateTargetId = "myform" }))
{
    <div id="myform">
        <h2>Create</h2>
        @Html.AntiForgeryToken()

        <div class="form-horizontal">
            <h4>Student</h4>
            <hr />
            @Html.ValidationSummary(true)
            <div class="form-group">
                @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Name)
                    @Html.ValidationMessageFor(model => model.Name)
                </div>
            </div>

            <div class="form-group">
                @Html.LabelFor(model => model.Age, new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.Age)
                    @Html.ValidationMessageFor(model => model.Age)
                </div>
            </div>
            <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>
}

现在我有几个问题：

  1. 当我输入学生姓名和年龄并单击创建时，文本框仍然显示值而不是被清除。数据保存在数据库中。
  2. 如果我想在添加新学生后立即更新左侧的列表怎么办？

我对 MVC4 有一点经验，如果我过去（在 AjaxOptions 中）传递包含两个子 div（在我的情况下为“myformbase”）的 div 的 Id，那么它会更新它。但不确定为什么这在 MVC5 中不起作用。

4

2 回答 2

2
  1. ModelState.Clear();将记录保存到数据库后添加即可；

  2. 尝试将 UpdateTargetId 更改为基本容器 ID：

    @using (Ajax.BeginForm("Create", "Student", new AjaxOptions { UpdateTargetId = "myformbase" })){...}

于 2014-01-30T08:24:13.400 回答
1

当我输入学生姓名和年龄并单击创建时，文本框仍然显示值而不是被清除。数据保存在数据库中。

解决此问题的正确方法是执行POST-REDIRECT-GET (PRG)。或者，您可以创建一个空模型并将其与视图绑定（我的意思是Student s = new Student(); return PartialView(s);）。

如果我想在添加新学生后立即更新左侧的列表怎么办？

在这种情况下，PRG 也会解决您的问题。所以重定向到索引操作，一旦创建完成。或者，您可以使用 AJAX GET 到索引操作并在视图中加载 html。

于 2014-01-30T08:28:56.627 回答