asp.net-mvc - asp.net MVC 局部视图控制器动作

Question

我对 web 应用程序开发非常陌生，我想我会从最近的技术开始，所以我试图同时学习 asp.net 以及 MVC 框架。对于 MVC 专业人士来说，这可能是一个非常简单的问题。

我的问题是局部视图是否应该具有关联的操作，如果是这样，每当正常页面RenderPartial()在局部视图上使用时，是否都会调用此操作？

Answer 1

虽然您可以有一个返回局部视图的操作，但您不需要一个操作来呈现局部视图。RenderPartial 获取局部视图并使用给定的模型和视图数据（如果提供）将其渲染到当前（父）视图中。

如果您使用 AJAX 加载/重新加载页面的一部分，您可能需要一个返回部分视图的操作。在这种情况下，不需要返回完整视图，因为您只想重新加载页面的一部分。在这种情况下，您可以让操作仅返回与页面的该部分对应的部分视图。

标准机制

在普通视图中使用局部视图（无需操作）

...some html...
<% Html.RenderPartial( "Partial", Model.PartialModel ); %>
...more html..

阿贾克斯机制

通过 AJAX 重新加载页面的一部分（注意部分在初始页面加载时内联呈现）

...some html...
<div id="partial">
<% Html.RenderPartial( "Partial", Model.PartialModel ); %>
</div>
...more html...

<script type="text/javascript">
   $(function() {
       $('#someButton').click( function() {
           $.ajax({
              url: '/controller/action',
              data: ...some data for action...,
              dataType: 'html',
              success: function(data) {
                 $('#partial').html(data);
              },
              ...
           });
       });
   });
</script>

AJAX 控制器

public ActionResult Action(...)
{
     var model = ...

     ...

     if (Request.IsAjaxRequest())
     {
          return PartialView( "Partial", model.PartialModel );
     }
     else
     {
          return View( model );
     }
}

Answer 2

接受的答案是完全正确的，但我想补充一点，您可以使用 jQuery 加载来加载部分视图。如果您不想考虑并发性，则需要较少的配置。

$("#Your-Container").load("/controller/action/id");

Answer 3

我能够用这个逻辑实现类似的东西。

在 .cshtml 内

@Html.Action("ActionMethodName", "ControllerName");

控制器内

[Route("some-action")]
public ActionResult ActionMethodName()
{
    var someModel = new SomeModel();
    ...
    return PartialView("SomeView.cshtml", someModel);
}

就是这样。

如果您需要将 .cshtml 中的值传递给 action 方法，那么这是可能的。

Answer 4

答案是不。但有时您需要在局部视图后面进行一些控制器操作。然后您可以创建一个返回部分视图的 actionMethod。这个 actionMethod 可以在另一个视图中调用：

@Html.Action("StockWarningsPartial", "Stores")

动作方法可能如下所示：

public ActionResult StockWarningsPartial()
{
      ....              
      return View("StockWarningsPartial", warnings);

}

并且视图“StockWarningsPartial.cshtml”以：

@{
    Layout = null;
}

使其不再呈现您周围的布局。