在基于表格的视图中显示来自操作的错误

Question

我有一个视图，我想对表中每一行中的项目执行不同的操作，类似于此（例如，~/Views/Thing/Manage.aspx）：

<table>
  <% foreach (thing in Model) { %>
    <tr>
      <td><%: thing.x %></td>
      <td>
        <% using (Html.BeginForm("SetEnabled", "Thing")) { %> 
          <%: Html.Hidden("x", thing.x) %>
          <%: Html.Hidden("enable", !thing.Enabled) %>
          <input type="submit"  
                 value="<%: thing.Enabled ? "Disable" : "Enable" %>" />
        <% } %>
      </td>    
      <!-- more tds with similar action forms here, a few per table row -->     
   </tr>
  <% } %>

在我的ThingController 中，我有类似以下的功能：

public ActionResult Manage() {
  return View(ThingService.GetThings());
}

[HttpPost]
public ActionResult SetEnabled(string x, bool enable) {
  try {
    ThingService.SetEnabled(x, enable);
  } catch (Exception ex) {
    ModelState.AddModelError("", ex.Message); // I know this is wrong...
  }
  return RedirectToAction("Manage");
}

在大多数情况下，这工作正常。问题是如果ThingService.SetEnabled 抛出错误，我希望能够在表格顶部显示错误。我在页面中使用Html.ValidationSummary() 尝试了一些操作，但无法正常工作。

请注意，我不想将用户发送到单独的页面来执行此操作，并且我正在尝试在不使用任何 javascript 的情况下执行此操作。

我打算以最好的方式展示我的桌子吗？如何以我希望的方式显示错误？我最终会在页面上得到大约 40 个小表格。这种方法主要来自this 文章，但它并没有以我需要的方式处理错误。

有接受者吗？

---

感谢@Shaharyar：

public ActionResult Manage() {
  if (TempData["Error"] != null)
    ModelState.AddModelError("", TempData["Error"] as string);
  return View(ThingService.GetThings());
}

[HttpPost]
public ActionResult SetEnabled(string x, bool enable) {
  try {
    ThingService.SetEnabled(x, enable);
  } catch (Exception ex) {
    TempData["Error"] = ex.Message;
  }
  return RedirectToAction("Manage");
}

然后是我表格顶部的 ValidationSummary 的一个小表单。

<% using (Html.BeginForm()) { %>
  <%: Html.ValidationSummary(false) %>
<% } %>

谢谢！

Answer 1

让我们试试……

有一个TempData 字典可供您执行此类操作。

您可能需要依赖另一个页面来为您处理错误。

因为一旦无法将 ViewModel 传递给 View 就会抛出异常。

但是如果模型有一些问题，你可以这样做（只需将一个空模型传递给视图）：

public SetEnabled(string x, bool enable) {
  try {
    ThingService.SetEnabled(x, enable);
    return View(viewModel);
  } catch {
    TempData["GetThingsError"] = "Oops! Some error happened while processing your request!"
    return View(); 
    /*
     * Note that you can also pass the initial model
     * back to the view -> this will do the model validation 
     * (specified in your model) 
     */
  }
  return RedirectToAction("Manage");
}

TempData 消息仅适用于 current request，刷新后将消失。

可能需要进一步调整，但这将是向用户/客户报告此类错误的方向。

Answer 2

尝试做：

 try {
    ThingService.SetEnabled(x, enable);
  } catch (Exception ex) {
    ModelState.AddModelError("", ex.Message); // I know this is wrong...
    return View(); //return to the view to display the error
  }

如果您返回错误的同一个视图，它会重新加载该视图；您可能需要重新加载一些数据项，但返回错误的视图时，框架应从 ModelState 中提取这些错误并显示它们。

最有效的方法是使用 JQuery 将表单提交到服务器，这样您就不必总是重新加载页面，并在客户端显示一条消息。

HTH。