ASP.NET MVC 中的可重用组件

Question

我的网站上有一些功能（一些 UI 和相关功能），我希望能够在多个页面上重复使用。出于这个问题的目的，我们假设这是一个“评论”功能。

我的组件应用程序中有一个区域，该区域内有一个控制器：/Controllers/CommentController和两个部分视图：/Views/Comment/Index .ascx（用于列出评论）和/Views/Comment/Create.ascx（用于创建评论）。

CommentController 看起来像这样：

public class CommentController : Controller
{      
  [ChildActionOnly]
  public ActionResult Index()
  {
      return PartialView(GetComments());
  }

  [HttpGet]
  [ChildActionOnly]
  public ActionResult Create()
  {
      return PartialView(); //this is wrong.
  }

  [HttpPost]
  [ChildActionOnly]
  public ActionResult Create(FormCollection formValues)
  {
      SaveComment(formValues);

      return RedirectToAction("Index"); //this is wrong too.
  }
}

索引部分视图：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

<div>
  <% foreach (var item in Model) { %>    
      <div>
          <%: item.Comment %>
      </div>
  <% } %>

  <%: Html.ActionLink("Add a Comment", "Create", "Comment", new { area = "Components" }, null) %>
</div>

创建部分视图：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<div>
    <% using (Html.BeginForm())
       {%>
        Enter your comment:
        <div>
            <input type="text" name="comment" />
        </div>
        <p>
            <input type="submit" value="Create" />
            <% //also render a cancel button and redirect to "Index" view  %>
        </p>
    <% } %>
</div>

索引部分视图包含在带有 RenderAction 的视图中，如下所示：

<% Html.RenderAction("Index", "Comment", new { area = "Components" }); %>

此代码不起作用，因为部分视图中的表单提交到 CommentsController 上标记为 [ChildActionOnly] 的操作（这是设计使然，我不希望独立于托管页面请求“组件”）。

如何使这种“组件”方法发挥作用，即拥有一个部分视图，可以提交表单来更改页面内组件的状态，而不会丢失托管页面本身？

编辑： 澄清一下，使用 [ChildActionOnly] 不是我的问题。如果我从操作方法中删除该属性，我的代码仅“有效”，因为它不会引发异常。当提交表单时，我的“组件”仍然会脱离其托管页面（因为我告诉表单提交到部分视图的 URL！）。

Answer 1

通过要求表单定位标记为 ChildActionOnly 的操作，您正在使 MVC 与自己作斗争。

当我设计一个高度可重用的向导框架时，我对这个问题的解决方案是不将操作标记为 ChildActionOnly，而是检测请求是 ajax 请求还是只是普通请求。

所有这些的代码都被打包到一个基本控制器类中。在派生控制器中，您可以执行以下操作：

[WizardStep(4, "Illness Details")]
public ActionResult IllnessDetails()
{            
    return Navigate();
}

基本控制器的 Navigate() 方法决定是返回完整视图还是仅返回部分视图，具体取决于它是否是 ajax 请求。这样，您就永远无法单独返回部分视图。

为了确定它是否是 Ajax 请求，我结合使用了 Request.IsAjaxRequest() 和 TempData。需要 TempData 是因为我的向导框架实现了开箱即用的 PRG 模式，因此我需要坚持原始帖子是 ajax 帖子这一事实。

我想这只是一个解决方案，需要经过一些尝试和错误才能得到正确的解决方案。但现在我在培养像 JK 罗琳那样的巫师后过着幸福的生活......

Answer 2

使用 Ajax 发布部分内容。