c# - Asp.net MVC 4 Ajax.BeginForm 提交 + mvc.grid - 页面重新加载

Question

我目前正在以实习生的身份从事 ASP.NET MVC 4 项目，我正在尝试实现一个管理面板。目标是在网格 (MVC.GRID) 上显示所有用户并在同一页面上编辑它们。 我已经设法在网格上显示所有用户，一旦选择了用户，它就会在网格下方显示信息并将其放入表单中(通过 ajax/jquery)。

问题是:表单验证显示在新页面上，而不是网格所在的页面上。我不知道为什么..

下面是我的代码。

这是放置表单的地方:

<div id="order-content">
  <p class="muted">
    Select a user to see his or her information
  </p>
</div>

表单本身(部分 View “_UserInfo”):

@using (Ajax.BeginForm("EditUser", "Admin", FormMethod.Post, 
  new AjaxOptions
  {
    InsertionMode = InsertionMode.Replace,
    HttpMethod = "POST",
    UpdateTargetId = "order-content"
  }))
{
  @Html.Bootstrap().ValidationSummary()
  @Html.Bootstrap().ControlGroup().TextBoxFor(x => x.Id)
  @Html.Bootstrap().ControlGroup().TextBoxFor(x => x.Name)
  @Html.Bootstrap().ControlGroup().TextBoxFor(x => x.Password)
  @Html.Bootstrap().SubmitButton().Text("Opslaan").Style(ButtonStyle.Primary)
}

JQuery 在选择行后显示用户信息:

$(function () {
pageGrids.usersGrid.onRowSelect(function (e) {
  $.post("/Admin/GetUser?id=" + e.row.Id, function (data) {
    if (data.Status <= 0) {
      alert(data.Message);
      return;
    }
    $("#order-content").html(data.Content);
  });
});
});

我的管理 Controller :

[HttpPost]
public JsonResult GetUser(int id)
{
  var user = _UserService.Get(id);
  var input = _EditInputMapper.MapToInput(user);
  if (user == null)
    return Json(new { Status = 0, Message = "Not found" });

  return Json(new { Content = RenderPartialViewToString("_UserInfo", input) });
}

[HttpPost]
public ActionResult EditUser(AdminUserEditInput input)
{
  if (ModelState.IsValid)
  {
    // todo: update the user
    return View();
  }
  // This is where it probably goes wrong..
  return PartialView("_UserInfo",input);
}

任何人都可以看到我的代码有什么问题吗？

谢谢。

Answer 1

当 ModelState 有效并且您返回 View() 时，这个完整 View 是否嵌入到订单内容中？我怀疑不是，如果是这样，那是因为没有发送 ajax 请求。您可能没有包含 jquery.unobtrusive-ajax js 文件