ASP.NET MVC3：模态对话框中的 EditView答案

【问题标题】：ASP.NET MVC3: EditView in Modal DialogASP.NET MVC3：模态对话框中的 EditView
【发布时间】：2014-04-05 14:58:01
【问题描述】：

我们正在编写一个 ASP.NET MVC3 应用程序并希望“丰富”地完成它，例如通过使用引导程序和模式对话框。

我现在想知道如何实现模态对话框，同时又不破坏 ASP.NET 的所有优秀员工（ModelErrors，...）。

工作流程应该是这样的：

带有项目列表的IndexView，每个项目都有一个显示模式对话框的操作链接

@Ajax.ActionLink( 
         "Edit",  // Link Text
         "Edit",  // ActionMethod
         new { id = item.Id }, // RouteValues
         new AjaxOptions { 
                  HttpMethod = "Get", 
                  OnBegin = "modal.showModalDiv()", 
                  InsertionMode = InsertionMode.Replace, 
                  UpdateTargetId = "modal-div", 
                  OnSuccess = "modal.ajaxSuccess()" }, 
         new { data-toggle = "edit-modal" } // HTML-Attributes
)

模态对话框（使用 css 样式的简单 div）呈现编辑视图（从控制器操作方法返回）

[HttpGet]
public ActionResult Edit(int id) {
    // Load Data and create Model
    var model = new ...
    return PartialView(model);
}

编辑视图中的表单可用于编辑项目，包括客户端验证

@{
     AjaxOptions ajaxOptions = new AjaxOptions() {
          HttpMethod = "Post", OnSuccess="modal.hideModalDiv()"
     };
}
@using (Ajax.BeginForm("Edit"), ajaxOptions){


    ... element to edit item ...

    <input type="submit" value="submit" />
}

当提交编辑控制器方法识别出错误（未被客户端验证捕获）时，页面应该再次显示模型错误。否则应该显示索引页面或刷新表格并关闭模式对话框。

[HttpPost]
public ActionResult Edit(Guid id, ItemModel model) {

      try{
          ...Save Item ...
          return RedirectToAction("Index")
      } catch (Exception ex){
          ModelState.AddModelError("", "An error occured")
          return PartialView(model);
      }

}

我的问题是：如何实施第 4 步？有人有什么建议吗？

【问题讨论】：

标签： javascript jquery asp.net asp.net-mvc-3 razor

【解决方案1】：

试试这个，

[HttpPost]
public ActionResult Edit(Guid id, ItemModel model) 
{
  if(model != null && ModelState.IsValid)
  {
   return RedirectToAction("Index")
  }
  else
  {
   return PartialView(model);
  }

}

【讨论】：

您好，感谢您的回答。我想你没有得到我的问题。您的建议看起来（ModelState.IsValid 除外）与我的完全一样。我的问题是，如何处理不同类型的响应（PartialViewResult 替换 div 与 Redirectresult 重定向或替换另一个 div）？

【解决方案2】：

我猜你已经解决了这个问题或找到了解决方法，但如果你还没有，我怀疑如果你要返回一个包含 javascript 的局部视图来进行重定向，你可以获得你描述的行为。

例如：

RedirectToIndex.cshtml

@{ Layout = null; }
<script type="text/javascript">
  window.location.href = "@Url.Action("Index")";
</script>

然后更新您的操作以返回此部分视图。

[HttpPost]
public PartialViewResult Edit(Guid id, ItemModel model) {
try{
      //Save Item ...
      return PartialView("RedirectToIndex")
    } catch (Exception ex){
      ModelState.AddModelError("", "An error occured");
      return PartialView(model);
    }
}

不是最优雅但应该可以工作，我说应该可以，因为我没有测试过这个......

【讨论】：